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 メソッドに渡すことができます。

このように、関数内で渡すことができます。$ 記号を使用します。関数の外では $

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

を使用できません。

以上がjQuery の noConflict() メソッドについての深い理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。