jQuery と prototype.js を同時に使う。($(); のコンフリクト回避)

jQueryとprototype.js を同時に使いたい場面がまれにあります。

そのとき

$('id_name');

といった書式を jQuery, prototype.js 共に持っているのですが、その動作(書式や戻り値)が違います。

例えば戻り値の場合、

  • prototype.js:DOMオブジェクトを返す
  • jQuery:jQueryオブジェクトを返す

という違いがあります。

そこで jQueryとprototype.jsを同時に使いたい場合は jQueryの $(); を違う名前に変更して使います。

<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>  

<script>
// 下記2行を追加
jQuery.noConflict();
var j$ = jQuery;
</script>

</head>
<body></body>
</html>

真ん中の2行を追加します。

こうすることによって

・jQuery

  • jQuery();
  • j$();

・prototype.js

  • $();

として使用できます

No.499

09/08 12:45


jQuery
prototype.js




Powered By flat memo Ver 0.9.6.2 ©2007 econosys system