prototypeとjQueryの共存について

個人的には共存は極力避けた方がいいと思います。

お客様の現場で事例があったので、どういった
使われ方があるのか、確認してみました。

① まず以下の順番で読み込みます。
prototype
jQuery

②　クロージャ内はjQuery、その外はprototypeとする方法
jQuery.noConflict();
jQuery(document).ready(function($){
// ここでは、$はjQueryとして使えます。
});
// ここでは、$はprototype.jsの動作をします

③　両方ともクロージャ内で書く場合
jQuery.noConflict();
jQuery(document).ready(function($){
// $はprototypeの動作となり、 //　jQueryオブジェクトとしてはjQuery()と表記する
});

④　jQueryと書くのが冗長なら、短縮もできる
jQuery.noConflict();
j$ = jQuery;

j$(document).ready(function() {
j$(“.navi dt”).click(function(){
j$(this).css(“cursor”,”pointer”);
}
});

※既存のjQueryのコードがあれば、
$をj$に一斉置換できます。

②のやり方がシンプルで気に入りました。

参考記事
「protoype.jsと同時に使うには」
http://semooh.jp/jquery/ref/cont/with_prototype/