jQuery.noConflict()

最新推荐文章于 2025-03-27 18:58:07 发布

原创最新推荐文章于 2025-03-27 18:58:07 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #Access #J# #ViewUI

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了jQuery中的noConflict方法，该方法用于避免jQuery与其他JavaScript库的$符号冲突。通过使用此方法，开发者可以在保留jQuery功能的同时，允许页面上的其他库使用$符号。文中提供了如何调用noConflict方法及之后如何继续使用jQuery的示例。

jQuery.noConflict()
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。
--------------------------------------------------------------------------------
Run this function to give control of the $ variable back to whichever library first implemented it.This helps to make sure that jQuery doesn't conflict with the $ object of other libraries. By using this function, you will only be able to access jQuery using the 'jQuery' variable. For example, where you used to do $("div p"), you now must do jQuery("div p").
返回值
jQuery

示例
将$引用的对象映射回原始的对象。

jQuery 代码
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';

--------------------------------------------------------------------------------

恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

jQuery 代码
jQuery.noConflict();
(function($) {
$(function() {
// 使用 $ 作为 jQuery 别名的代码
});
})(jQuery);
// 其他用 $ 作为别名的库的代码

--------------------------------------------------------------------------------

创建一个新的别名用以在接下来的库中使用jQuery对象。

jQuery 代码
var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';