ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery ドル記号の競合 solution_jquery

jQuery ドル記号の競合 solution_jquery

WBOY
WBOYオリジナル
2016-05-16 18:31:161113ブラウズ

次のコード:

コードをコピーします コードは次のとおりです:

jQuery .noConflict();
jQuery(document).ready(function(){

//コード....


jQuery.noConflict( ) 詳細な紹介:
概要
この関数を実行して、変数 $ の制御を最初のライブラリに移して実装します。これは、jQuery が他のライブラリの $ オブジェクトと競合しないようにするのに役立ちます。この関数を実行すると、jQuery 変数を使用してのみ jQuery オブジェクトにアクセスできます。たとえば、$("div p") が使用されている場合は、jQuery("div p") に置き換える必要があります。
注: この関数は、jQuery ファイルをインポートした後、競合を引き起こす別のライブラリをインポートする前に使用する必要があります。もちろん、jQuery が最後にインポートされたものでない限り、他の競合するライブラリが使用される前にも実行する必要があります。
説明:
$ で参照されるオブジェクトを元のオブジェクトにマップします。
jQuery コード:


jQuery.noConflict ();
// jQuery を使用します
jQuery("div p").hide();
// 他のライブラリの $() を使用します
$("content").style.display = 'none ';


説明:
エイリアス $ の使用を復元し、この関数のスコープ内で $ を jQuery のエイリアスとして引き続き使用する関数を作成して実行します。この関数では、元の $ オブジェクトは無効です。この関数は、他のライブラリに依存しないほとんどのプラグインで適切に機能します。
jQuery コード:


jQuery.noConflict ();
(function($) {
$(function() {
// $ を jQuery エイリアスとして使用するコード
});
})(jQuery); // $ をエイリアスとして使用する他のライブラリのコード


説明:
後続のライブラリで jQuery オブジェクトを使用するための新しいエイリアスを作成します。
jQuery コード:



コードをコピー コードは次のとおりです: var j = jQuery.noConflict ();
// jQuery に基づくコード
j("div p").hide();
// 他のライブラリの $() に基づくコード
$(" content").style.display = 'none';


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。