jQuery中的jQuery.noConflict()函数说明

xiaoqihv8个月前 (04-08)前端设计43

在jQuery库中,几乎所有的插件都被限制在它的命名空间里,通常全局对象都被很好的储存在jQuery的命名空间里,当jQuery与其它的JavaSscript库使用时不会引起冲突

一般情况下jQuery中用“”号作为自身的快捷方式,但我们也可以把这个控制权转交给其它库

JQuery在其它库之后引入

jQuery移交快捷方式jQuery.noConflict()

在其它javascript库引入完成后,再引入jQuery库,我们可以利用jQuery库中自带的jQery.noConflict()函数把变量“$”的控制权交给其它JAVASCRIPT库。

noConflict()

示例代码:

jQuery.noConflict();//将变量$交给其他库jQuery(function(){ //使用JQuery    jQuery("p").click(function(){ //还里不能再使用$()方法        alert();//操作代码    })});

jQuery自定义快捷方式jQuery.noConflict()

示例代码:

noConflict()函数

$jq = jQuery.noConflict();//自定义快捷方式&方法$jq(function(){    $jq("p").click(function(){        alert();//操作代码    })});

第三种情况

我们把"$"转让给别的库,但又想使用“$”和$()方法,又不想与其它库冲突!

jQuery.noConflict

示例代码1:

jQuery.noConflict();   //将变量$交给其他库jQuery(function($){    //利用jQuery设定加载的函数    $("p").click(function(){  //还是使用$()方法        alert();    })});

示例代码2:

jQuery.noConflict();   //将变量$交给其他库(function($){//定义匿名函数并设置$    $(function(){//函数内部$都可作为jQuery        $("p").click(function(){            alert();//操作代码        });    });})(jQuery);//利用jQuery执行函数

jQuery在其它库之前引入

jQuery在其它库之前被引入的话,我们不需要使用jQuery.noConflist()函数,直接使用jQuery来作一些关于jQuery的工作,其$()方法也被其它库占用,我们不能再次使用

示例代码:

jQuery(function(){ //使用JQuery    jQuery("p").click(function(){ //还里不能再使用$()方法        alert();//操作代码    })});

利用jQuery中的jQuery.noConflict()函数,我们可以放心大胆的让jQuery与其它库共同使用,而不用担心其它们中是否存在调用冲突的问题!

相关文章

javascript中ClassName属性的详解与实例

javascript中ClassName属性的详解与实例

在javascritp中,我们可以通过style属性可以控制元素的样式,从而实现行为层通过DOM的style属性去干预显示层显示的目标,但是这种方法是不好的,而且为了实现通过DOM脚本设置的样式,你不...

javascript中创建元素节点,文本节点与插入节点

javascript中创建元素节点,文本节点与插入节点

在javascript中提供了很多操作DOM文档的方法,当然也包括创建一个节点(元素),创建一个文本节点(text),还有把创建的节点插入到文档中去。createElement方法createElem...

javascript中的addEventListener()方法

javascript中的addEventListener()方法

我们操作HTML DOM对象的时候,可以利addEventListener()方法为某个被选中的DOM对象添加一个事件,用来操作这个被选中的对象。下面就记录一下,如果利javascript的addEv...

jQuery ajax()使用serialize()提交form数据

jQuery ajax()使用serialize()提交form数据

这几天一直在适配用户中心插件,基本的功能也差不多了,时间不长就会上线用户中心,当然适配的过程中也遇到不少的问题,今天记录一下。jQuery的serialize()方法通过序列化表单值,创建URL编码文...

JQ获取某个元素下的所有图片并改变其属性

利用JQ获取某个元素下的所有图片并改变其属性...

JS实现上传头像并实时预览

JS实现上传头像并实时预览

说起各大网站的用户中心功能,其中就少不了用户头像上传这个小小的功能,如果我们依托框架来编写的的话,相信非常的容易,但如果我们自己来单纯的使用JS来实现头像上传,并在选择本地头像的时候,实现预览我想也是...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。