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";
相关文章
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- jquery扩展方法详解编程语言
- jQuery的animate动画方法详解编程语言
- jQuery html()方法的用法
- jQuery toggle()方法的用法
- jQuery prev() prevAll()和prevUntil()方法
- Jquery的扩展方法总结
- Jquery中删除元素的实现代码
- JQuery插件Style定制化方法的分析与比较
- 基于asp.net下使用jquery实现ajax的解决方法
- 使用jquery获取网页中图片高度的两种方法
- jquery动态改变onclick属性导致失效的问题解决方法
- 快速解决jquery之get缓存问题的最简单方法介绍
- jquery.ajax的url中传递中文乱码问题的解决方法
- jquery.form.js用法之清空form的方法
- JQuery给元素绑定click事件多次执行的解决方法
- 用Jquery.load载入页面后样式没了页面混乱的解决方法
- Jquery修改页面标题title其它JS失效的解决方法
- jquery常用方法及使用示例汇总
- 从JQuery源码分析JavaScript函数的apply方法与call方法
- jquery得到iframesrc属性值的方法