jQuery 核心 - noConflict() 方法
Posted 纸上得来终觉浅,绝知此事要躬行
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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() 方法的主要内容,如果未能解决你的问题,请参考以下文章