zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery美元符冲突的解决方法

jQuery方法 解决 冲突 美元
2023-06-13 09:14:17 时间

如下代码:

复制代码代码如下:

jQuery.noConflict();
jQuery(document).ready(function(){

//YourCode....

});

jQuery.noConflict()的详细介绍:
概述
运行这个函数将变量$的控制权让渡给第一个实现它的那个库,这有助于确保jQuery不会与其他库的$对象发生冲突,在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("divp")的地方,就必须换成jQuery("divp")。
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。
描述:
将$引用的对象映射回原始的对象。
jQuery代码:
复制代码代码如下:

jQuery.noConflict();
//使用jQuery
jQuery("divp").hide();
//使用其他库的$()
$("content").style.display="none";

描述:
恢复使用别名$,然后创建并执行一个函数,在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中,原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。
jQuery代码:
复制代码代码如下:
jQuery.noConflict();
(function($){
$(function(){
//使用$作为jQuery别名的代码
});
})(jQuery);
//其他用$作为别名的库的代码

描述:
创建一个新的别名用以在接下来的库中使用jQuery对象。
jQuery代码:
复制代码代码如下:
varj=jQuery.noConflict();
//基于jQuery的代码
j("divp").hide();
//基于其他库的$()代码
$("content").style.display="none";