『jQuery』名称冲突使用noConflict方法解决

  jQuery 使用 $ 符号作为 jQuery 的简介方式。

  某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

  jQuery 使用名为 noConflict() 的方法来解决该问题。

  var jq=jQuery.noConflict(),帮助使用自己的名称(比如 jq)来代替 $ 符号。

  

复制代码 代码如下:

  <html>

  <head>

  <script type="text/javascript" src="/jquery/jquery.js"></script>

  <script type="text/javascript">

  var jq=jQuery.noConflict();

  jq(document).ready(function(){

  jq("button").click(function(){

  jq("p").hide();

  });

  });

  </script>

  </head>

  <body>

  <h2>This is a heading</h2>

  <p>This is a paragraph.</p>

  <p>This is another paragraph.</p>

  <button type="button">Click me</button>

  </body>

  </html>