BT

jQueryにキャッチアップする:今や30%以上のウェブサイトで利用されている

| 作者: Gilad Manor フォローする 0 人のフォロワー , 翻訳者 和智 右桂 フォローする 0 人のフォロワー 投稿日 2010年6月13日. 推定読書時間: 3 分 |

原文(投稿日:2010/05/28)へのリンク

jQueryプロジェクトは5年前にJohn Resigの発明品として始まった。もともとはクロスブラウザでDOMのトラバースと操作を行うために設計されたものだが、現在のjQuery 1.4.2では、JavaScriptのコーディングをより簡単にする多くのツールも付け加えられている。BuiltWithの利用統計によれば、このオープンソースのJavaScriptプロジェクトは、上位10000ウェブサイトのうち30%以上で利用されている。

jQuery APIはシンプルかつ直感的であることを意図して作られている。ここには、以下の機能が含まれている。

jQueryフレームワークはDOMエレメントを取得して操作するのに、シンプルなセレクタを使用する。一度DOM内のエレメントが取得されれば、それはjQueryのオブジェクトとなり、どんなライブラリメソッドでも呼び出す事ができる。また、jQueryフレームワークでは、複雑なセレクタも使用できる。つまり親子関係のあるエレメント、属性やフィルタなどである。

トラバース(つまり、DOMエレメント間の遷移)APIには、既に選択されたエレメントの一覧をフィルタリングするような応用的なメソッドも含まれている。たとえば、filter()、is()、not()、slice()などである。
その他のトラバースAPIは、他のエレメントとの関係に基づいて特定のエレメントを探し出すために使用される(idやクラスセレクタを使うのではないもの)。これもchildren()、find()、contents()、next()、parent()、siblings()、といったメソッドによって容易に実現される。

一度DOMエレメントが選択されれば(既にあるものを選択しても新規に生成しても)、jQueryの操作機能が使えるようになる。この機能には以下のものがある。


CSSコンポーネントが提供するのは、他のエレメントないしエレメントのコレクションからCSSプロパティにアクセスするためのツールである。このタイプのツールとしては他に、width()やheight()メソッドや、特定のエレメントの相対的なオフセットを取得するoffset()メソッドがある。

jQueryフレームワークは、イベントと共に用いられるクロスブラウザの実装も提供している。カスタムイベントを定義し、そのイベントを引き起こすメソッドが、標準DOMイベントとバインドするメソッドと合わせて準備されている。jQueryフレームワークは、さらに広い範囲に渡るイベントヘルパも提供する。これは標準DOMイベントをjQueryの機能でラップするものである。この機能は、特定のエレメントにおけるクリックのようなものに対する反応が、最小限のコードで実現でき、かつ、ブラウザを検出する必要がなくなることを意図したものだ。

jQueryのAjax APIには、リモートページやデータ、スクリプトをGETやPOSTリクエストを用いてロードするメソッドや、JSONデータへのシンプルなアクセサ、success、complete、start、stop、errorといったイベントを扱うための方法となるカスタムAJAXイベントがある。

jQueryフレームワークに関しては、さらなるドキュメントチュートリアルが入手できる。また、入門編("getting started")や応用的なプラグインについても紹介されている。

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT