jQuery让渡“$”操作符

最新推荐文章于 2021-12-09 14:21:44 发布

原创最新推荐文章于 2021-12-09 14:21:44 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

JavaWeb 专栏收录该内容

15 篇文章

订阅专栏

博客指出在jQuery中，“$”符号有重要作用，但其他JavaScript脚本库也会使用该符号，存在冲突。介绍了jQuery的noConflict()方法可放弃“$”使用权，还给出示例，但此方式会改变编码风格。最后建议采用尽量减少对jQuery代码影响的方式解决冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在jQuery中，"$"符合有着重要的作用。除了jQuery，其他的一些JavaScript脚本库也使用了"$"符号。怎么解决这种冲突？

jQuery定义了jQuery.noConflict()方法，放弃对"$"符合的使用权，并可以通过返回值指定一个替代符号。

例1：

jQuery.noConflict();//让渡"$"的使用权，后续只能用jQuery代替$

jQuery("#show").click(...);

例2：

var $qq = jQuery.noConflict();//让渡"$"的使用权，后续只能用$qq代替$

$qq("#show").click(...);

说明：以上方式会改变jQuery的编码风格，对已有jQuery代码产生不利影响。

为了在解决冲突的同时尽量减少对jQuery代码的影响，建议使用如下方式：

jQuery.noConflict();//让渡"$"的使用权，后续只能用jQuery代替$
jQuery(document).ready(function($){
    //在此代码中可以继续使用“$”编写jQuery代码
    ...
});

或者

jQuery.noConflict();//让渡"$"的使用权，后续只能用jQuery代替$
(function($){
   //在此代码中可以继续使用“$”编写jQuery代码
   jQuery(document).ready(function($){   
        ...
    }); 

})(jQuery)