prototype.jsとjQueryの共存

2010年6月3日

Ajaxを利用する場合、大抵はprototype.jsかjQuery.jsのどちらかを利用すると思うが、
この２つはある仕様により、そのままでは共存が出来ない。

これを共存させるためには


<script language="text/javascript" src="jquery.js"></script>

と宣言した直後に


<script type="text/javascript">
jQuery.noConflict();
var jq$ = jQuery;
</script>


というように、jQueryの名称を$jqというように変更する記述する。これにより
$(
に関するバッティングをjQuery側で防ぐ事が可能になる。

あとはjQueryを利用したJavaScriptのソースコード上では

$(“select[name=test]")

みたいに

$(
と記述している箇所は、全て

jq$(“select[name=test]")

というように、
jq$
とすればよい。

jqの部分はご自由に。