戻る

jQueryと他のライブラリの共存

jQueryとprototype.jsやMooToolsなどを同じページに読み込むと、jQueryの「$」と他のライブラリの「$」が衝突することがある。それを解決するために、jQueryでは「jQuery.noConflict()」というメソッドが用意されている。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
	jQuery.noConflict();
</script>
<script type="text/javascript" src="prototype.js"></script>

このように「jQuery.noConflict()」を使用した後でjQueryを使用した場合はjQueryの「$」を「jQuery」と置換する必要がある。

$(document).ready(function(){
	$("body").text("Hello World!");
});

は下記のようになる。

jQuery(document).ready(function(){
	jQuery("body").text("Hello World!");
});

Copyright © 2012 YOHSUKE NAKANO