博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery核心--多库共存
阅读量:4221 次
发布时间:2019-05-26

本文共 1402 字,大约阅读时间需要 4 分钟。

本文主要是说明当多个库由于$或者jQuery变量发生控制权冲突的解决办法,包括两个或者两个以上的解决方案。

函数列表

函数 说明
jQuery.noConflict() 用于让出jQuery库对变量$(和变量jQuery)的控制权。

函数说明

jQuery.noConflict():

一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")$("p")是等价的。由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库。

不过,其他JS库也可能使用变量$来进行操作,例如Prototype库。这个时候两个库可能会由于变量$的控制权问题而发生冲突。

此时,你可以使用该函数让出jQuery库对变量$的控制权,将该变量交给上一个实现它的JS库,之后我们只能使用变量jQuery来操作jQuery库。

此外,使用该函数,还可以同时让出变量$和变量jQuery的控制权,从而实现多个不同版本的jQuery库共存(详情见下面的示例说明)。

该函数属于全局jQuery对象。

语法

  • jQuery.noConflict( [ removeAll ])

参数

属性 说明
removeAll 可选/Boolean类型 是否彻底移交对变量jQuery的控制权,默认为false。

如果省略了参数removeAll或该参数不为true,则表示只让出对变量$的控制权;如果该参数为true,则表示同时让出变量$和jQuery的控制权。

返回值

jQuery.noConflict()函数的返回值是jQuery类型,返回变量jQuery的引用。

示例&说明:

以下是加载Prototype和jQuery库的情况:

还可以使用其他自定义的变量名来操作jQuery:

// 让出对变量$的控制权,并将jQuery赋给新的别名jvar j = jQuery.noConflict();// 基于jQuery进行DOM操作(使用变量j)j("#uname").hide();// 基于Prototype进行DOM操作$("myDiv").setStyle( {
color: "#ffffff"} );

即使是多个库共存,我们也可以在jQuery.ready()的回调函数或其他自定义函数中将局部变量$作为jQuery的别名使用:

// 让出jQuery库对变量$的控制权jQuery.noConflict();jQuery(document).ready(function($){
// 使用局部变量$进行jQuery操作 $("p").css("color", ""); });(function($){
// 使用局部变量$进行jQuery操作 $("ul li").addClass("item"); }(jQuery));

如果要实现两个版本的jQuery库共存,我们可以编写如下代码:

三个版本的jQuery库共存,对应的jQuery示例代码如下:

注意:多个可能存在全局变量重名冲突的JS库,变量的实际控制权一般取决于JS库的加载顺序。以上面三个版本的jQuery库的示例代码为例,后加载的jQuery库的变量覆盖了之前版本的变量,因此每次让出变量的控制权,控制权就会交给上一个JS库。

转载地址:http://nirmi.baihongyu.com/

你可能感兴趣的文章
从RTTI谈C++的向下转型
查看>>
面试心得(BAT)
查看>>
Windows Server 2012 Web方式修改域用户密码-通过Remote Desktop Web实现
查看>>
华为USG5300 采用IKE安全策略方式建立IPSec隧道
查看>>
Centos7 nginx访问日志文件割接
查看>>
我是一条内存!
查看>>
OIM API Usage
查看>>
OIM实现OIM用户修改、OIM用户Disable流程审批
查看>>
UEFI与MBR区别
查看>>
Ubuntu每次开机后提示:检测到系统程序出现问题的解决方法
查看>>
CC2640 看门狗配置
查看>>
linnux外网不通,提示Destination Host Unreachable解决
查看>>
为strawberry perl安装PadWalker
查看>>
Notepad++的字体设置加Consolas和微软雅黑混合字体
查看>>
gdb 调试常用命令
查看>>
POJ 3125 (Queue)
查看>>
trees in a row
查看>>
在VirtualBox中安装Ubuntu
查看>>
ubuntu mount cifs
查看>>
ubuntu14.04 git server setup
查看>>