JQuery与其他框架共用时的方法

主要是跟某些对$有定义的框架共用时,会出现冲突。解决方法如下:

方法一:当别人使用了其他的js库,并该库使用了”$”变量,那么我们可以使用noConflict()方法:

//定义j来替代JQuery中的$
var j = jQuery.noConflict();
j('#someDiv').hide();

方法二:把你的代码放在一个匿名函数里面,然后把jQuery作为参数传递给它,那么在这个函数体中的$是不会影响外面或者被外面影响的。

(function($){
//该函数里的代码,$都只是JQuery框架中的意义
})(jQuery);

方法三:通过ready方法传递$

jQuery(document).ready(function($){
//$是传递进来的JQuery的$,所有在此处使用将不会冲突
});

转自:http://www.css88.com/archives/2560

若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏