jQuery.noConflict()【$ エイリアス無効化】

メモ

  • $ エイリアスの無効化
    • 他の $ を利用するライブラリとの混在可
      DOMローディング完了時の処理を  jQuery( function( $ ) {…} )  とすればエイリアスの競合回避可能 ( 例 参照)
    • 違うバージョンの jQuery の混在も可能 (非推奨： 例 参照)

構文

説明構文戻り値
$ エイリアス無効化 jQuery.noConflict( [ removeAll ] ) 1.0

Boolean removeAll：jQuery変数削除有無 (true：削除有り / false：削除無し)
Object

関連

例

【他ライブラリとの競合回避】
<script src="【他のライブラリ】"></script>
<script src="【jQueryライブラリ】"></script>

<script>
jq = jQuery.noConflict();
jq(function( $ ) {
  // $ の利用が可能
});
</script>


【別バージョンのjQuery】
<style>
.color1 { color:red; font-weight:bold; }
</style>

<p>version <span id="first" class="color1"></span> ( $ )</p>
<p>version <span id="second" class="color1"></span> ( jq2nd )</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
jq2nd = jQuery.noConflict( true );
$( "#first" ).append( $.fn.jquery );
jq2nd( "#second" ).append( jq2nd.fn.jquery );
</script>

version ( $ )

version ( jq2nd )