欢迎来到天天文库
浏览记录
ID：27573892
大小：84.77 KB
页数：8页
时间：2018-12-03
《jquery$命名冲突解决方案汇总》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
1、jQuery$命名冲突解决方案汇总最近遇到个问题，同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时，发现失效了！于是找资料，原来是jquery命名冲突了。因为许多JavaScript库使用$作为函数或变量名，jquery也一样。其实$只是jquery的一个别名而已，假如我们需要使用jquery之外的另一js库，我们可以通过调用$.noConflict()向该库返回控制权。下面是收集到解决这一问题的五种方案，总有一种你会用得上的。例一：<1D0CTYPEhtmlPUBLIC"-//W3C//DTDXHTML
2、1.0Transitional//EN〃〃〃><html><head><metahttp-equiv=〃Content-Type〃content=〃text/html;charset=utf-8〃/><title>冲突解决l</title><!—弓
3、入prototype—><:scriptsrc=〃prototype_l.6.0.3.js〃type=〃text/javascript〃>:</script>:<!—引入jQuery—&
4、gt;<:scriptsrc=〃/scripts/jquery-l.3.1.js〃type="text/javascript"></script><:/head>:<body><:pid="pp">testprototype<:/p><p>:testjQuery</p>:<:scripttype=〃text/javascript〃>jQuery.noConflict()://将变量$的控制权让渡给prototype.jsjQuery(func
5、tion(){//使用jQueryjQuery(〃p〃).click(function(){alert(jQuery(this).text());});});$(//pp//).style,display=’none’；//使用prototype<:/script>:</body>:</html>:例二：代码如下：<1D0CTYPEhtrnlPUBLIC〃-//W3C//DTDXHTML1.0Transitional//EN〃〃〃><html><head>:<met
6、ahttp-equiv=z/Content-Typez/content=〃text/html;charset=utf-8〃/><:title>冲突解决2</title><!—弓
7、入prototype--><scriptsrc=//prototype-l.6.0.3.js〃type=〃text/javascript〃></script>:<!—引入jQuery—><:scriptsrc=，z/scripts/jquery-l.3.1.js〃type="tex
8、t/javascript">:</script>:</head><body>:<pid="pp">testprototype</p><p>:testjQuery</p>:<:scripttype="text/javascript">var$j:jQuery.noConflict();//自定义一个比较短快捷方式$j(function(){"使用jQuery$j(〃p〃广click(function(){alert($j(this).text()
9、):});});$(z/pp/z).style,display=’none’；//使用prototype<:/script>:</body></html>:例三：代码如下：<iDOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN〃〃><:html><:head>:<metahttp-equiv=〃Content-Type〃content=〃text/html;charset=utf-8〃/><title
10、>冲突解决3</title><!—弓
11、入prototype—>:<scriptsrc=〃prototype-1.6.0.3.js〃type=〃text/javascript〃>:</scri
此文档下载收益归作者所有
