前端必知必会-jQuery - noConflict() 方法

---

jQuery - noConflict() 方法

如果您希望在页面上使用其他框架，同时仍使用 jQuery，该怎么办？

jQuery 使用 $ 符号作为 jQuery 的快捷方式。

还有许多其他流行的 JavaScript 框架，如：Angular、Backbone、Ember、Knockout 等。

如果其他 JavaScript 框架也使用 $ 符号作为快捷方式，该怎么办？

如果两个不同的框架使用相同的快捷方式，其中一个可能会停止工作。

jQuery 团队已经考虑过这个问题，并实现了 noConflict() 方法。

jQuery noConflict() 方法

noConflict() 方法释放对 $ 快捷方式标识符的保留，以便其他脚本可以使用它。

当然，您仍然可以使用 jQuery，只需写全名而不是快捷方式：

示例

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});

您还可以非常轻松地创建自己的快捷方式。noConflict() 方法返回对 jQuery 的引用，您可以将其保存在变量中以供以后使用。以下是示例：

示例

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});

如果您有一段使用 $ 快捷方式的 jQuery 代码，并且您不想全部更改，则可以将 $ 符号作为参数传递给 ready 方法。这允许您在此函数内部使用 $ 访问 jQuery - 在函数外部，您必须使用“jQuery”：

示例

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍在运行！");
});
});

---

总结

本文介绍了jQuery - noConflict() 方法的使用，如有问题欢迎私信和评论