「jQuery入門」noConflict()を使うサンプル

2014年9月30日2021年2月22日

説明
jQuery.noConflict()
noConflictを使った場合、jQueryオブジェクトの呼び出しには明確に’jQuery’と書く必要がある。
noConflict（）メソッドは、$ショートカット識別子の保留を解除して、他のスクリプトがそれを使用できるようにします。
使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery(".cft").text("tesut message!");
  });
});
</script>
</head>
<body>

<div class="cft">これはdivです.</div>
<button>テスト</button>

</body>
</html>

jQuery

Posted by arkgame

関連記事: