jQuery noConflict() 方法

实例

使用 noConflict() 方法为 jQuery 变量指定一个新名称:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. var jq = $.noConflict();
  7. jq(document).ready(function(){
  8. jq("button").click(function(){
  9. jq("p").hide();
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <h2>这是一个标题</h2>
  16. <p>这是一个段落</p>
  17. <p>这是另外一个段落</p>
  18. <button>点击这里</button>
  19. </body>
  20. </html>

定义与用法

noConflict() 方法释放 jQuery 对 $ 变量的控制。

此方法还可用于为 jQuery 变量指定新的自定义名称。

提示:当其他 JavaScript 库将 $ 用于其函数时,此方法很有用。


语法

  1. $.noConflict(removeAll)
参数描述
removeAll可选。一个布尔值,指定是否释放 jQuery 对所有 jQuery 变量(包括 "jQuery")的控制

分类导航