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