AJAX - 『$』が衝突している場合の対処法

prototype.jsとjQueryで使われている「$関数」(jQueryでは$ショートカット)が衝突する問題についての回避策が紹介されていたので念のため。

原因が分からない不具合があるなら、これが当てはまるかもしれない。

• 他のコードとの衝突を避けるテクニック

読み込む順番

1. prototype.js
   
2. jquery.js
   

case1.

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

  //jQuery
  jQuery("div").css("color","gold");
</script>

case2.

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

  //jQuery
  $j("div").css("color","silver");
</script>

いろいろなサイトを閲覧していると私的感覚ですが、かなりの頻度で不具合を目にする。
それがブラウザの問題か、Ajax関連によるものか、原因自体を把握するのが難しいと感じる。

例えばJavaScriptを読み込む順番を間違えても動作しなくなるが、こういった初歩的なミスなら気付くのも容易だが、上記のような問題となるとWeb屋でもない私が対処の仕方にたどり着くまで容易ではなかった。

以上、参考までに