JQuery 插件开发规范


JQuery 插件开发规范

1  使用闭包
  (function($){
    //Code goes here
   })(jQuery);

//这个是来自jQuery 官方的插件开发规格要求,使用这种编写方法有什么好呢
 1,避免全局依赖
 2,避免第三方破坏
 3,兼容jQuery 操作符 '$' 和 jQuery'
 
 这段代码在被解析是会形同如下代码
 
  var  jq= function($)
{

};

 jq(jQuery);

2 扩展
  jQuery 提供了2个 给用户扩展的基类, $.extend 和 $.fn.extend

 $.extend 用于扩展自身方法, 如 $.ajax, $.getJSON 等
 $.fn.extnd 则是用来扩展jQuery 包括方法和对 jQuery 对象
           的操作,为了保持jQuery 的完整性,推荐使用
         $.fn.extend

------------------------------------------------------------------------------

(function($){......})(jQuery) 是什么意思
这里实际上是匿名函数
function(arg){....}
这就是定义了一个匿名函数,参数是arg

而调用函数时,是在函授后面写上括号和实参的,由于操作符的优先级,
函数本身也需要用括号,即
(function(arg){....})(param)
这就相当于定义了一个参数为arg 的匿名函数,并且将param 作为参数来
调用中这个匿名函数

而(function($)){.....}(jQuery); 则是一样的,之所以只在形参使用$
是为了不和其他库冲突,所有实参用 jQuery,

------------------------------------------------------
其实就等于
var fn = function($){.......};
fn(jQuery);
其实可以这么;理解,不过要注意的是fn 是不存在的
那个函数直接定义,然后就可以运行了,就压缩成了下面的样子
(function($){.....}(jQuery);
----------------------------------------

jQuery(function(){});

全写为
jQuery(document).ready(function(){});

(function($){})(jQuery);
实际上是执行()(para) 的匿名方法,只不过是传递了 jQuery 对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值