你的位置:首页 > Java教程

[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="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="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="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/




四川旅游住宿攻略四川旅游最佳时间四川自驾游最佳路线四川旅游多少钱四川旅游报价价格吃一口黑钻冰淇淋 带走一套范思哲 桂林龙脊梯田住宿预订?五一去龙脊梯田住宿在哪里? 成都欢乐谷有什么好玩的?怎么去? 五一去深圳怎么玩?五一深圳东部华侨城游玩攻略? 亚洲论坛永久会址电话?博鳌亚洲论坛永久会址团购优惠多少? 大云雾山住宿方便吗?云浮大云雾山附近住宿价格? 大云雾山有直达车吗?云浮大云雾山乘车路线? 亚洲论坛永久会址简介?博鳌亚洲论坛永久会址介绍? 中山逍遥谷几点开门?五桂山逍遥谷开门时间? 中山市逍遥谷经过公车?五桂山逍遥谷乘车路线? 五桂山逍遥谷联系电话?中山五桂山逍遥谷门票价格? 中山市逍遥谷上山怎么样?五桂山逍遥谷图片? 十一国庆去马尔代夫旅游要准备什么? 泰国曼谷嘟嘟车价格多少? 十一去马尔代夫旅游怎么样?什么时候去马尔代夫旅游最好? 什么时候去泰国旅游最好? IDT72V3640L15PF Datasheet IDT72V3640L15PF Datasheet IDT71V3558S166PFG8 Datasheet IDT71V3558S166PFG8 Datasheet IDT72V3640L15PF8 Datasheet IDT72V3640L15PF8 Datasheet 牡丹江去港澳五天四晚游 牡丹江去港澳五天四晚游 牡丹江去港澳五天四晚游 吉林去香港2天旅游 吉林去香港2天旅游 吉林去香港2天旅游 大兴安岭去香港2天旅游 大兴安岭去香港2天旅游 大兴安岭去香港2天旅游