【转】什么?你还不会写JQuery 插件

什么?你还不会写JQuery 插件

转自 http://www.cnblogs.com/joey0210/p/3408349.html  

【收获】

1、extend(dest,src1,src2,src3...);  jQuery.extend 函数使用详解

注:将src1,src2,src3...合并到dest中,如果参数没有重叠,则合并所有参数;参数重叠则以后面的参数对应值为准;

eg:var opts = $.extend({},{"name":"Jack","age":10},{"name":"Lucy","sex":"girl"}) ===>  opts = {"name":"Lucy","age":10,"sex":"girl"};

2、链式调用 

将当前被操作的元素返回;

return this.each(function(){

    var $this = $(this);

        $this.css({

              backgroundColor:opts.background,

              color:opts.color

        })

});

3、编写插件

4、闭包

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,385评论 2 17
  • extend篇 extend理解不够深入,需要更深入研究。 (function($){ // 类插件,用法:$.p...
    一捆稻草阅读 2,241评论 1 1
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 3,379评论 0 1
  • 1.Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? ...
    小周师傅阅读 1,716评论 0 0
  • 题目1: jQuery 中, $(document).ready()是什么意思? 相当于window.onload...
    漂于行阅读 1,872评论 0 0