jQuery で noConflict() を使用する方法を学ぶ

この記事では、jQuery での noConflict() の使用法を学習するための関連知識ポイントをまとめました。必要な方は学習してください。

noConflict()

jQuery は、jQuery の省略形として $ 記号を使用します

JavaScript フレームワークには、MooTools、Backbone、Sammy、Cappuccino、Knockout が含まれます。 、JavaScriptMVC、Google Web Toolkit、Google Closure、Ember、Batman、ExtJS など。

これらのフレームワークの一部では、略語として $ 記号も使用されます。

2 つの異なるフレームワークを使用する場合は、同じ省略記号を使用すると、スクリプトの実行が停止する可能性があります。

この目的のために、jQuery は noConflict() メソッドを提供します。

識別子を解放します。

$identifier の制御を解放します。

このようにして、他のスクリプトは

$.noConflict();

の代わりに

の代わりに完全な名前を使用できます。 省略形の代わりに jQuery の完全な名前を使用します。 $

jQuery(document).ready(function(){
 jQuery("button").click(function(){
  jQuery("p").text("jQuery 仍然在工作!");
 });
});

略語の作成

独自の略語を作成できます

noConflict() は jQuery への参照を返すことができます

Saveそれを変数に代入し、$

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

パラメータの受け渡しの代わりにこの変数を使用します。

$ 記号を変数として使用して、ready に渡すことができます。 method

この方法では、$ 記号を使用して関数内で渡すことができます。関数の外では $

$.noConflict();
jQuery(document).ready(function($){
 $("button").click(function(){
  $("p").text("jQuery 仍然在工作!");
 });
});

を使用できません。

以上がjQuery で noConflict() を使用する方法を学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。