jQuery让渡$操作符

一、为什么要让渡“$”操作符

在jQuery中,“$”符号有着重要的作用。但是除了jQuery,还有很多其他的JavaScript脚本库都是用了“$”符号。如果在项目中使用了jQuery和另一个同样使用“$”符号的脚本库,势必会产生冲突。

二、jQuery.noConflict()方法让渡“$”操作符

jQuery为了能够与其他同样使用“$”符号的脚本库共同工作,jQuery定义了jQuery.noConflict()方法,放弃对“$”符号的使用权,并且可以通过返回值指定一个替代方法;

01、不再使用$操作符的让渡

jQuery.noConflict();//让渡$的使用权,后续只能使用jQuery代替$
jQuery("#show").click(function(){
    //省略部分代码
})
//或者重新指定一个替代的符号
var $j=jQuery.noConflict();//让渡$的使用权,并且指定后续使用$j代替$
$j("#show").click(function(){
    //省略部分代码

02、仍然使用$操作符的让渡

//方式一:
jQuery.noConflict();//让渡$的使用权,其他脚本库可以使用$
jQuery(document).ready(function($){
    //在此代码中可以使用$编写jQuery代码
        //省略其他代码
});

//方式二:
jQuery.noConflict();//让渡$的使用权,其他脚本库可以使用$
(function($){
    //在此代码中可以使用$编写jQuery代码
    $(document).ready(function(){
        //省略其他代码
    });    
})(jQuery);
    

 

posted on 2018-01-08 12:13  Vic丶绅士  阅读(929)  评论(0编辑  收藏  举报

导航