Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery - noConflict() 方法


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


jQuery 和其他 JavaScript 框架

如您所知,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 仍在工作!");
  });
});
亲自试一试 »

您也可以非常轻松地创建自己的快捷方式。 noConflict() 方法返回对 jQuery 的引用,您可以将其保存在变量中,以便以后使用。这是一个例子

示例

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍在工作!");
  });
});
亲自试一试 »

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

示例

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍在工作!");
  });
});
亲自试一试 »

jQuery 杂项参考

有关所有 jQuery 杂项方法的完整概述,请访问我们的 jQuery 杂项参考


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.