jquery的noConflict方法

   在jQuery语法中,$符号是jQuery的简写方式。但在某些情况下,可能需要在同一个页面引入其他javascript库(比如Prototype)。因为$简短方便,很多的库也是使用$符号。为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库 。

   三种对于$符号的解决方法:

<div class="test"></div>

   1.  Jquery语法不再使用$,改成使用jQuery

var test = jQuery('.test');

   2.  通过定义新的名称来代替$  

var jq = $.noConflict();//当然也可以替换jQuery
var test = jq('.test');

   3.  .ready()方法中使用$

jQuery.(document).ready(function($){
    var test = $('.test');
})
//或者使用简写
jQuery(function($){
    var test = $('.test);
})
   这样在同时使用有$符号的插件时,就不会造成混淆了,而且在代码中,jQuery也不会造成覆盖。

猜你喜欢

转载自blog.csdn.net/qq_42566295/article/details/80842199
今日推荐