星空网 > 软件开发 > Java

jQuery.noConflict()方法

jQuery.noConflict()方法的定义和用法:

此方法可以将$的控制权转让给其他第一个实现它的函数库。

在实际应用中可能有这样的情况,那就是其他的js函数库也有对$的使用,这样的话可能导致与jQuery产生冲突,所以使用jQuery.noConflict()方法可以有效的防止此种冲突。

语法结构:

语法一:

jQuery.noConflict()

将$的控制权转让给其他第一个实现它的函数库 ,这个时候就不能够使用$,而是要使用jQuery。 

代码实例:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ jQuery.noConflict(); jQuery(".first").css("color","red"); $(".second").css("color","green");})</script></head><body><div class="first">蚂蚁部落</div><div class="second">蚂蚁部落</div></body></html>

以上代码可以看出,$已经失效。

也可以为jQuery创建一个别名来使用jQuery库中的函数。例如:

var myjq=jQuery.noConflict();

完整代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ var myjq=jQuery.noConflict(); myjq(".first").css("color","red"); jQuery(".second").css("color","green");})</script></head><body><div class="first">蚂蚁部落</div><div class="second">蚂蚁部落</div></body></html>

代码中既可使用"别名"也可以使用"jQuery"。

语法二:

jQuery.noConflict(extreme)

参数列表:

参数描述
extreme布尔值true。可以将jQuery完全移到一个新的命名空间。

例如:

var myjq=jQuery.noConflict(true);

这个时候只能使用myjq来运用jQuery函数。

完整代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ var myjq=jQuery.noConflict(true); myjq(".first").css("color","red"); jQuery(".second").css("color","green");})</script></head><body><div class="first">蚂蚁部落</div><div class="second">蚂蚁部落</div></body></html>

由以上代码可以看出如果方法的参数true,那么"jQuery"也不能使用了,只能使用新的命名空间来引用jQuery函数。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0523/2390.html

最原始地址是:http://www.softwhy.com/




原标题:jQuery.noConflict()方法

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

如何在宝安区注册法国公司:注册vat的指南:https://www.kjdsnews.com/a/1311851.html
如何在亚马逊英国减少vat扣费?:https://www.kjdsnews.com/a/1311852.html
如何在亚马逊德国使用vat绑定后实施反假冒检查?:https://www.kjdsnews.com/a/1311853.html
如何在亚马逊上取消vat税收:https://www.kjdsnews.com/a/1311854.html
如何在中东成功申请vat税收筹划:https://www.kjdsnews.com/a/1311855.html
如何在东莞办理法国公司vat注册?:https://www.kjdsnews.com/a/1311856.html
深度解析:美国公司股东人数限制 :https://www.xlkjsw.com/news/88201.html
16个独特的商业创意,带你收获真正赚钱的创业理念:https://www.kjdsnews.com/a/1840836.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流