jQuery遇到其它框架使用$符号,引起$冲突怎么办?
时间:2020-02-26 人气:1305 作者/来源:下载无忧
有很多其它框架使用 $ 符号作为简写,这与JQuery的$ 造成冲突,可以用jQuery noConflict() 方法解决。
例1,直接使用jQuery:<!DOCTYPE html><html><head><meta charset="utf-8"><script src="引用路径/jquery.min.js"></script><script>$.noConflict();jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("下载无忧的网址是:www.xiazai51.com"); });});</script></head><body><p>下载无忧的网址是?</p><button>点我回答问题</button></body></html>这样带着jQuery字符串太麻烦了,
noConflict() 支持简写,把它存入变量,以后使用这个变量即可。
例2返回对 jQuery 的引用:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="引用路径/jquery.min.js"></script><script>var jq=$.noConflict();jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("下载无忧的网址是:www.xiazai51.com"); });});</script></head><body><p>下载无忧的网址是?</p><button>点我回答问题</button></body></html>