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

 更新时间:2013年07月04日 10:30:24   作者:  
解决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学习笔记之Helloworld

    jQuery学习笔记之Helloworld

    刚学习jQuery,觉得有的东西确实有必要写下来,加深下记忆,本文纯属给自己写的,希望大家不要见笑。
    2010-12-12
  • 移动端jQuery修正Web页面滑动时div问题的两则实例

    移动端jQuery修正Web页面滑动时div问题的两则实例

    这篇文章主要介绍了移动端jQuery修正Web页面滑动时div问题的两则实例,分别针对顶部固定fixed不为0时滑动出现的闪动以及touchmove的受阻止的相关问题,需要的朋友可以参考下
    2016-05-05
  • jQuery 各种浏览器下获得日期区别

    jQuery 各种浏览器下获得日期区别

    在系统开发过程中经常会用到系统的当前时间,然而我们遇到的问题确又是各个浏览器返回值不同,就像典型的IE和FF浏览器。
    2008-12-12
  • jQuery控制元素显示、隐藏、切换、滑动的方法总结

    jQuery控制元素显示、隐藏、切换、滑动的方法总结

    这篇文章主要介绍了jQuery控制元素显示、隐藏、切换、滑动的方法总结,本文讲解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用实例,需要的朋友可以参考下
    2015-04-04
  • jQuery简单实现QQ空间点赞已经取消点赞

    jQuery简单实现QQ空间点赞已经取消点赞

    这篇文章主要介绍了jQuery简单实现QQ空间点赞已经取消点赞的代码,非常的好用,这里推荐给大家,有需要的小伙伴参考下。
    2015-04-04
  • jQuery原理系列-常用Dom操作详解

    jQuery原理系列-常用Dom操作详解

    下面小编就为大家带来一篇jQuery原理系列-常用Dom操作详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jqueryMobile 动态添加元素,展示刷新视图的实现方法

    jqueryMobile 动态添加元素,展示刷新视图的实现方法

    下面小编就为大家带来一篇jqueryMobile 动态添加元素,展示刷新视图的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • textarea 在浏览器中固定大小和禁止拖动的实现方法

    textarea 在浏览器中固定大小和禁止拖动的实现方法

    下面小编就为大家带来一篇textarea 在浏览器中固定大小和禁止拖动的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-12-12
  • jQuery在ul中显示某个li索引号的方法

    jQuery在ul中显示某个li索引号的方法

    这篇文章主要介绍了jQuery在ul中显示某个li索引号的方法,涉及jQuery遍历元素的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • jQuery实现的网格线绘制方法

    jQuery实现的网格线绘制方法

    这篇文章主要介绍了jQuery实现的网格线绘制方法,涉及jQuery针对页面元素的获取及样式动态操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06

最新评论