English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryの$.noConflict()メソッド

ご存知の通り、jQueryはドル記号($)を使用してショートカットまたは別名としてjQueryを使用しています。

$はjQueryと同様に、多くのJavaScriptライブラリが関数や変数名として使用しています。

異なるライブラリが同じショートカットを使用する場合、そのうちの1つが動作を停止する可能性があります。

幸いにも、jQueryは特別な$.noConflict()このような状況を処理するための方法。

jQueryの$.noConflict()メソッド

jQuery $.noConflict()jQueryが$変数の指定を解放し、他のスクリプトが使用できるようにする方法。

もちろん、jQueryを使用することもできますが、ショートカット名ではなくフルネームを書く必要があります:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQueryが完璧に動作しています!!!");
  });
});
テストを試してみる‹/›

このメソッドは、jQuery変数に新しいカスタム名を指定するためにも使用できます。

以下の例では、別名を作成し、他のスクリプトで使用するjQueryではありません:

let jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").slideToggle();
  });
});
テストを試してみる‹/›

jQueryの他のリファレンス

完全な他のメソッドのリファレンスについては、私たちの《jQueryの他のリファレンス》