jQuery 与其它 js(Prototype) 库兼容共存

 

解决 jQuery 与其它 js(Prototype) 库冲突的方法很简单，就是使用 jQuery 的 jQuery.noConflict() 函数。

一、在运行这个函数后，可以恢复使用别名 $ ，在这个函数的作用域中仍然将 $ 作为 jQuery 的别名来使用。

jQuery Code：

jQuery.noConflict();
(function($) {
  $(function() {
    // 使用 $ 作为 jQuery 别名的代码
  });
})(jQuery);
// 基于其他库用 $ 作为别名的代码

 

二、在运行这个函数后，可以创建一个新的 jQuery 别名来替换原来的 jQuery 别名 $ 来使用。

jQuery Code：

var j = jQuery.noConflict();
// 使用新别名 jQuery 的代码
j("div p").hide();
// 基于其他库用 $ 作为别名的代码
$("content").style.display = 'none';

 

注意：这个函数必须在你导入 jQuery 文件之后，并且在导入另一个导致冲突的库之前使用。