jQuery - noConflict() 方法

jQuery - noConflict() 方法

如何在页面上同时使用 jQuery 和其他框架？noConflict() 方法会释放对 $ 标识符的控制，这样其他脚本就可以使用它

1.通过全名替代简写的方式来使用 jQuery

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍然在工作!");
  });
});

2.创建自己的简写

• noConflict() 可返回对 jQuery 的引用，可以把它存入变量

  var jq = $.noConflict();
  jq(document).ready(function(){
    jq("button").click(function(){
      jq("p").text("jQuery 仍然在工作!");
    });
  });
  

3.$ 符号作为变量传递给 ready 方法

• 可以把$ 符号作为变量传递给 ready 方法,这样就可以在函数内使用 $ 符号了,而在函数外，依旧不得不使用 “jQuery”

  $.noConflict();
  jQuery(document).ready(function($){
    $("button").click(function(){
      $("p").text("jQuery 仍然在工作!");
    });
  });