Ajaxサンプル:DOM書き換えサンプル [jQuery, prototype.js]
jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。
width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。
jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。
jQuery.noConflict()は、jQueryとprototype.jsを共存させるために宣言するメソッドです。
CSS セレクター(CSS selector)は、jQueryの$()関数の中で指定する書式です。CSSと同じ表記を採用しているので、すぐに慣れる事ができます。
Positional Slectors(ポジションセレクター)は、特定のパターンを選択するセレクターです。
ready()は、DOMツリーが構築されたら、即関数を実行するjQueryのメソッドです。ready()メソッドは、HTML読み込み後にDOMツリーが構築されたのを検出して、JavaScriptを実行させます。DOMツリーが構築されるタイミングは、ブラウザによって異なってくるので、クロスブラウザ対策が必要ですが、jQueryは、ブラウザの違いを吸収し、簡単に表記できるようにしています。
jQueryは、軽量で、高速・安全にスクリプトを実行できるライブラリです。複雑な処理を簡単に記述できるという特徴があり、表現豊かで、今最も人気のあるAjaxライブラリです。