技術資料らしきものJavaScript−jQuery.jsとprototype.jsを同居させたい

prototype.jsの補足的な感じでjQuery.jsを使いたい場合・・・

どっちも
$("hoge")
って書き方なんですけど、意味が違うんで、どうしたもんか、と思う方もいるとかいないとか。

その場合、jQuery側の参照の仕方を変える方法があるようなので、メモ。


方法

prototype.js より後に jquery.js を読み込むようにして、以下を追加。

そうすると、jQuery側は、
「j$("hoge")」
という書き方が出来るようになるみたいです。

実験

prototype.js テスト
$("test_box").innerHTML = "わたしは宇宙人ではありません"

jQuery.js テスト
j$("#test_box").html("とはいえ、本当に宇宙人ではないの?と聞かれると、いささか自信がありません。")

↓ここが id="test_box" です。

This is test box

 

JavaScript関連リンク

サイト

Binbo-Special > 技術情報らしきもの > JavaScript
当サイトです。
OPEN SPACE様
様々な情報がありますが、javascript関連のリファレンスも充実しています。
JQUERY日本語リファレンス
jQueryに関するリファレンスサイト。見やすい!です。

書籍

Prototype & script.aculo.us JavaScriptライブラリによるAjaxアプリケーション開発
読み途中ですが、なかなか面白いです。
jQueryで作る Ajaxアプリケーション
jQueryに興味を持ったら読んでみるのも吉。

2008/04/14

▲一番上へ