避免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避免冲突方法有所帮助。

相关文章

  • layui前段框架日期控件使用方法详解

    layui前段框架日期控件使用方法详解

    这篇文章主要为大家详细介绍了layui前段框架日期控件使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • TextArea不支持maxlength的解决办法(jquery)

    TextArea不支持maxlength的解决办法(jquery)

    自己写了一个jquery的扩展,这样就可以很容易实现对textarea控制最大长度了。
    2011-09-09
  • jQuery学习笔记之jQuery的事件

    jQuery学习笔记之jQuery的事件

    事件总是由内层开始执行,一直到最外层,不单击了那个对象,所有包含了此对象的对象所绑定的事件都将执行一次,这是我们不愿意看到的,jQuery给我们定义了一些阻止事件执行的方法。
    2010-12-12
  • jquery+ajax实现直接提交表单实例分析

    jquery+ajax实现直接提交表单实例分析

    这篇文章主要介绍了jquery+ajax直接提交表单的方法,涉及jQuery调用ajax进行表单提交所涉及的表单序列化、数值传递与处理、回调函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JQuery Tips(4) 一些关于提高JQuery性能的Tips

    JQuery Tips(4) 一些关于提高JQuery性能的Tips

    如今咱祖国已经崛起了..电脑的配置也是直线上升.可是js的性能问题依然不可小觑..尤其在万恶的IE中..js引擎速度本来就慢..如果JS如果再写不好,客户端多开几个窗口假死肯定是家常便饭了.废话不说了,下面说说js性能提升的一些小Tips.
    2009-12-12
  • jquery 简单应用示例总结

    jquery 简单应用示例总结

    jquery 想必大家早已如雷贯耳,本文整理了一些在实际应用中比较常见的功能片段,感兴趣的朋友可以学习下哦,需要改进的地方希望大家不惜指教
    2013-08-08
  • 基于jQuery的仿flash的广告轮播

    基于jQuery的仿flash的广告轮播

    很多网站的首页都有广告轮播,今天闲来看了一网站的首页广告轮播方式,是通过 jQuery的blockSlide插件实现的,然后自己测试了一下,很好。
    2010-11-11
  • jQuery的cookie插件实现保存用户登陆信息

    jQuery的cookie插件实现保存用户登陆信息

    保存用户登陆信息的方法有很多,本文为大家介绍的这个方法是通过cookie插件来实现,需要的朋友可以参考下
    2014-04-04
  • EasyUI学习之DataGird分页显示数据

    EasyUI学习之DataGird分页显示数据

    这篇文章主要介绍了EasyUI学习之DataGird分页显示数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法

    详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法

    本篇文章主要介绍了jQuery同步Ajax带来的UI线程阻塞问题及解决办法,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08

最新评论