避免jQuery名字冲突 noConflict()方法

 更新时间:2016年07月30日 08:50:13   作者:行者杰客  
这篇文章主要为大家详细介绍了避免jQuery名字冲突,noConflict()方法,感兴趣的朋友可以参考一下

众所周知,在jQuery语法中,$符号是jQuery的简写方式。但在某些情况下,可能需要在同一个页面引入其他javascript库(比如Prototype)。因为$简短方便,很多的库也是使用$符号。为了避免名称冲突,jQuery提供了noConflict()方法来解决这个问题。调用该方法可以把对$标识符的控制权让给其他库。

一般模式:

<script src="prototype.js"></script>//1.包含jQuery之外的库(比如Prototype)
<script src="jquery.js"></script>//2.包含jQuery库取得对$的使用权
<script>
  jQuery.noConflict();//3.调用noConflict()方法,让出$,把控制权让给最先包含的库
</script>
<script src="myscript.js"></script> 

让出$控制权后,需要使用jQuery方法时,则不能用$来调用了,要用jQuery。或者通过定义新的名称来代替$符号。

var jq=jQuery.noConflict(); 

另外还有一个技巧,可以再.ready()方法中使用$。它的回调函数可以接收一个参数,这个参数为jQuery对象本身,可以重新命名jQuery为$,这样也是不会造成冲突的。

jQuery.(document).ready(function($){
  //这里可以正常使用$ 
})

当然,简写方式也是可以的

jQuery(function($){
  //这里可以正常使用$ 
})

以上就是本文的全部内容,希望对大家学习jquery避免冲突方法有所帮助。

相关文章

  • jquery实现简单Tab切换菜单效果

    jquery实现简单Tab切换菜单效果

    这篇文章主要介绍了jquery实现简单Tab切换菜单效果的相关资料,需要的朋友可以参考下
    2016-06-06
  • jquery实现点击展开列表同时隐藏其他列表

    jquery实现点击展开列表同时隐藏其他列表

    这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JQuery 风格的HTML文本转义

    JQuery 风格的HTML文本转义

    astinus开发过程中,我自己就在不断的使用。有次贴了一些JS代码进去,于是页面显示错误。显然,把源代码直接放进html文本了——好吧,从05年转去做网游以后,一直没有正经的做过web了。
    2009-07-07
  • jQuery插件artDialog.js使用与关闭方法示例

    jQuery插件artDialog.js使用与关闭方法示例

    这篇文章主要介绍了jQuery插件artDialog.js使用与关闭方法,结合具体实例形式分析了jQuery弹出窗口插件artDialog.js的简单使用方法及相关注意事项,需要的朋友可以参考下
    2017-10-10
  • jquery实现网页定位导航

    jquery实现网页定位导航

    这篇文章主要为大家详细介绍了jquery实现网页定位导航,具有一定的实用价值和参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • jQuery简单实现图片预加载

    jQuery简单实现图片预加载

    我们在做网站的时候经常会遇到这样的问题:一个页面有大量的图片导致页面加载速度缓慢,经常会出现一个白页用户体验很不好。那么如何解决这个问题呢?下面我来介绍一种在实际应用中经常会使用到的js预加载的方法。
    2015-04-04
  • 使用jquery插件实现图片延迟加载技术详细说明

    使用jquery插件实现图片延迟加载技术详细说明

    有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。
    2011-03-03
  • jQuery实现给input绑定回车事件的方法

    jQuery实现给input绑定回车事件的方法

    这篇文章主要介绍了jQuery实现给input绑定回车事件的方法,结合实例形式分析了2种常用的事件绑定操作技巧,需要的朋友可以参考下
    2017-02-02
  • javascript jQuery $.post $.ajax用法

    javascript jQuery $.post $.ajax用法

    这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
    2008-07-07
  • jQuery实现动态添加和删除input框实例代码

    jQuery实现动态添加和删除input框实例代码

    这篇文章主要介绍了jQuery实现动态添加和删除input框,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03

最新评论