解决jQuery库与其他js库的冲突

摘要: 解决jQuery库与其他js库的冲突

2种情况下解决

1.之前导入jquery库

不需要移交$()使用权限，$()权限属于后导入的库

1.1直接使用jquery而不使用$就可以解决冲突

jQuery(function(){

jQuery("p")click(function(){

alert(jQuery(this).text());

});

})

2.之后导入jquery库

需要移交$()使用权限，

2.1 移交权限,使用jQuery

jQuery.noConflict();

jQuery(function(){

jQuery("p")click(function(){

alert(jQuery(this).text());

});

})

2.2移交权限，自定义$名称

var $j = jQuery.noConflict();

$j(function(){

$j("p")click(function(){

alert($j(this).text());

});

})

2.3 移交权限，还想继续使用$名称

jQuery.noConflict();

jQuery(function($){ //内部继续使用$

$("p")click(function(){

alert($(this).text());

});

})