0

prototype.jsとjQueryのDOM操作

javascriptでprototype.jsを最近追随してるのがjQueryです。
jQueryの特徴はやはり簡単、軽いに加えてDOM操作が容易ということがあります。
ノードを取得する方法がCSSと似ていてコーダーやデザイナーでも簡単に操れます。
ノードを取得する際、prototype.jsでは$(“sample”)とするけどjQueryではCSSっぽく$(“#sample”)とします。

prototype.jsの$()は、あくまでdocument.getElementByIDのショートカットなのでdocument.getElementByIDと同じプロパティやメソッドが使えます。

よって下記の二つは同じ意味です。
document.getElementByID("sample").innerHTML="hoge";
$("sample").innerHTML="hoge";

でも、下記のjQueryのやつはエラーがでます。
$("#sample").innerHTML="hoge";
これはjQueryがノードに対して独自のオブジェクトを持たすためです。
もちろんinnerHTMLの代わりになるやつは用意されています。
(html()ってやつ)
jQueyを使うのであればこの独自のメソッドとプロパティを使う事になります。

大阪のWEB屋です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です