标签:jquery
在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。
参考示例如下:
<script src="prototype.js"></script> <!-- 引用的库1 --> <script src="jquery.js"></script> <!-- 引用的库2 --> <script> jQuery.noConflict(); /* jQuery释放对$的控制权 */ </script> <script src="myscript.js"></script> <!-- 自己写的js代码,此时的$标识符是库prototype.js中的引用 --> |
如表格中的代码所示,我们首先引用了prototype.js库,然后又引用了jquery.js库,在这个时候jQuery库拥有着对$标识符的控制权限。调用noConflict()方法,此时jQuery释放了对$标识符的控制权限,转让给了prototype.js使用。
jQuery释放了对$标识符的使用权限,所以后面所有jQuery用到$的地方都要用jQuery替代,比如$(document).ready(function(){}),需要写成jQuery(document).ready(function(){})。当然爱在ready函数内部,我们还有一种方法可以重新让jQuery使用$标识符-使用回调函数,但也只是仅局限于ready函数内部。方法:jQuery(document).ready(function($){//在这里可以正常使用$标识符})。
版权声明:本文为博主原创文章,未经博主允许不得转载。
jQuery解决引用多个JavaScript库引起的$命名冲突的问题
标签:jquery
原文地址:http://blog.csdn.net/yanglun1/article/details/47257915