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>