ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery の noConflict() メソッドは _jquery を使用します

jQuery の noConflict() メソッドは _jquery を使用します

WBOY
WBOYオリジナル
2016-05-16 17:35:301177ブラウズ

jQuery とその他の JavaScript フレームワーク
すでにご存知のとおり、jQuery は jQuery の短縮形として $ 記号を使用します。

他の JavaScript フレームワークでも $ 記号を省略表現として使用するとどうなるでしょうか?

その他の JavaScript フレームワークには、MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman、Ext JS などがあります。

これらのフレームワークの中には (jQuery など) 省略記号として $ 記号を使用するものもあります。同じ省略記号を使用している 2 つの異なるフレームワークを使用している場合、スクリプトの実行が停止する可能性があります。

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」を使用する必要があります:
コードをコピー コードは次のとおりです:

$.noConflict();
jQuery(document).ready(function($){
$("button").click( function(){
$("p").text("jQuery はまだ実行中です!");
});
});
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。