教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 解析jQuery与其它js(Prototype)库兼容共存

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

发布时间:2014-02-06   编辑:jiaochengji.com
解决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 文件之后,并且在导入另一个导致冲突的库之前使用。

您可能感兴趣的文章:
解析jQuery与其它js(Prototype)库兼容共存
jQuery的运行机制和设计理念分析
jquery 常用操作整理 基础入门篇
目前流行的JavaScript库的介绍及对比
JQuery从头学起第一讲
理解JavaScript中的面向对象
jQuery库与其他JS库冲突的解决办法
jquery插件开发注意事项小结
jQuery的初始化与对象构建之浅析
Javascript技巧之不要用for in语句对数组进行遍历

关键词: jQuery  Prototype  库兼容   
[关闭]
~ ~