JQuery

1个成员

jquery noconflict()方法使用方法详细介绍

发表于 2017-02-08 2711 次查看
我们在jquery中获取变量都会使用到$,但是还有很多插件都是可以使用$这个符号了,如果我们同时要引用就会导致出现问题了,jquery为了防止这种事情发生就引入了noconflict(),下面小编来给大家介绍noconflict()用法。

将$和jQuery的控制权都交还给原来的库。用之前请考虑清楚!

这是相对于简单的 noConflict 方法更极端的版本,因为这将完全重新定义jQuery。这通常用于一种极端的情况,比如你想要将jQuery嵌入一个高度冲突的环境。注意:调用此方法后极有可能导致插件失效。

参数
extremeBoolean传入 true 来允许彻底将jQuery变量还原

示例
描述:
完全将 jQuery 移到一个新的命名空间。

jQuery 代码:

 代码如下 复制代码
var dom = {};
dom.query = jQuery.noConflict(true);结果:
// 新 jQuery 的代码
dom.query("div p").hide();
// 另一个库 $() 的代码
$("content").style.display = 'none';
// 另一个版本 jQuery 的代码
jQuery("div > p").hide();

例1

 代码如下 复制代码

jQuery.noConflict();

// 使用 jQuery

jQuery("div p").hide();

// 使用其他库的 $()

$("content").style.display = 'none';

 
例2:

 代码如下 复制代码

//我的一个站点 php100.com

var viqiwu = jQuery.noConflict();

// 基于 jQuery 的代码

viqiwu("div p").hide();

// 基于其他库的 $() 代码

$("content").style.display = 'none';

 
注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前,除非jQuery是最后一个导入的。

发表回复
你还没有登录,请先登录注册