首页 > 代码库 > jQuery 核心 - noConflict() 方法

jQuery 核心 - noConflict() 方法

1.遇到问题:

当我们写jquery时使用$,发现写的jquery全部失效;

 

2.发现问题:

排查后发现是noConflict()函数在作怪,因为使用noConflict()函数后,重新定义$名字为jq的原因,将$替换成jq即可实现所需效果;

 

3.分析方法:

使用 noConflict() 方法为 jQuery 变量规定新的名称:

var jq = $.noconflict();

例子:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">var jq=$.noConflict();jq(document).ready(function(){  jq("button").click(function(){    jq("p").hide();  });});</script></head><body><h2>这是标题</h2><p>这是一个段落。</p><button>请点击这里</button></body></html>

 

jQuery 核心 - noConflict() 方法