jQuery 学习，腾讯大牛教你自己写前端第三方库

下面是一个简单的示例，展示如何创建一个自定义的jQuery插件来扩展jQuery的功能。

// 定义一个jQuery插件
$.fn.extend({
  // 插件名称
  "myPlugin": function(options) {
    // 默认配置
    var defaults = {
      'color': 'red',
      'fontSize': '12px'
    };
    
    // 合并用户提供的选项和默认选项
    var settings = $.extend({}, defaults, options);
    
    // 遍历匹配的元素集合
    return this.each(function() {
      // 在每个元素上应用样式
      $(this).css({
        'color': settings.color,
        'fontSize': settings.fontSize
      });
    });
  }
});
 
// 使用插件
$(document).ready(function() {
  $("p").myPlugin({ 'color': 'blue', 'fontSize': '20px' });
});

这个示例中，我们定义了一个叫做myPlugin的jQuery插件，它允许用户设置文字的颜色和大小。在文档加载完成后，所有<p>元素的文本颜色将变为蓝色，字体大小为20px。这个插件使用了$.extend来合并默认设置和用户提供的选项，并通过this.each遍历每个匹配的元素来应用样式。