コードの読みやすさを改善し、またコーディングを容易にするために、一連の関数を連鎖させて呼び出すことができます。コマンドにすることができるということです。行にまとめることができます)。ライブラリー同士が必ずしもうまく動作するとは限らない、ということが挙げられます。言い換えると、複数のライブラリーを扱う際にはそれら複数のライブラリーで変数「$」が使われるため、「$」呼び出しでどのライブラリーを参照すべきなのかが、エンジンには判別できないということです。使おうとするとエラーが起こります。すべての基底に横たわるのは、ページ上の特定の要素を選択して操作を行える能力です。ライブラリーはそうした選択や操作を目的として構築されていると言えます。選択できなければなりません。ページ上のオブジェクトを見つけて選択できる、強力な選択メソッドが用意されています。選択のための独自の構文が採用されており、その構文は非常に容易に学ぶことができます。(以下に示す例の多くにおいて、次回の記事で説明する関数が使われていますが、そう複雑なものではないので、そうした関数が何をするためのものかはご理解いただけるはずです。おける選択プロセスは実際には巨大なフィルター・プロセスであり、ページ上のすべての要素はコマンドの中で提供されるフィルターにかけられます。つのオブジェクトが返されるか、あるいは条件に一致するオブジェクトの配列が返されるので、この配列に対してトラバースを行います。つの例は、おそらく最も一般的に使われるものです。使ってオブジェクトを検索します。検索フィールドに渡します。要素に属性を追加する上では便利です。そのページは適切な設計に従っているものと想定しているためです。タグの使用が適切な選択肢と言えます。つの要素に対しても複数の要素に対しても使える点が異なります。使う要素はページ上に多数持つことができます。名を渡すだけで、ページ上の多種多様な要素全体に対して柔軟に関数を実行することができます。つの検索の中で組み合わせることができます。検索条件を「,」で区切って検索を行うと、その検索に含まれる用語群に一致するものすべての和集合が返されます。使われる検索パラメーターですが、ページ上で目的の要素を素早く見つけるのに役立つ検索パラメーターは他にもたくさんあります。検索用語におけるフィルターであることを示しています。つの検索条件と組み合わせて使うように設計されており、それによって検索条件を微調整し、目的の要素を見つけられるようになっています。page.$("p:first").hide();検索要素としては、さまざまなフィルターを使うことができます。ページの役割です)、一部のフィルターはページを扱う上で、また要素を検索する上で、非常に便利です。パッケージの中にある、フォーム要素用のフィルターについて説明します。使用する際には特に重要となります。これらのフィルターは、この記事でこれまで説明した他のフィルターと同じように動作し、またフィルターであることを示すための「:」という文字が前に付きます。他の検索フィルターと組み合わせ、より詳細な検索を行うことができます。「:text」という検索フィルターを使った場合にはページ上のすべてのテキスト・フィールドが返されます。「.largeFont:text」という検索フィルターを使った場合には、ページ上で「largeFont」クラスに属するテキスト・フィールドのみが返されます。このようにして、フォーム要素をさらに調整したり操作したりすることができます。フォーム用のフィルターには、要素の個々の属性も含まれるということも、開発者として知っておくとよいでしょう。「:checked」や「:disabled」、「:selected」などによって、特定の検索における検索条件をさらに細かく設定することができます。検索結果のトラバースさて、ページ上のすべての要素に対する検索方法とフィルター方法を学んだので、次は検索の結果得られた要素をトラバースしてアクションを実行するための効率的な方法が必要です。これらの検索結果をトラバースするための方法がいくつか用意されています。ループ」と同じであり、各要素をループして、繰り返しごとに要素をインクリメントします。使って参照することができます。次の例を見てください。increment++;});検索結果は配列に保存されるため、どんなプログラミング言語でどんなデータ・オブジェクトを扱う場合もそうであるように、そういった配列を扱うための関数があります。呼び出せるようになっています。示すとおりであり、これらの関数は他のプログラミング言語における配列のトラバースと同様のものとなっています。検索用語に指定した要素のすぐ近くにネストされた要素を発見するための関数が用意されています。これが便利なのでしょう。皆さんもご存じのように、画像の隣にテキスト・ラベルを埋め込んだり、あるいはフォーム要素の隣にエラー・メッセージを埋め込んだりしたいことがよくあるものです。タグを追加し、その中にエラー・メッセージを置きます)。はこうした設計の一例です。(「ダウンロード」セクションを参照)。先に、このデモ・アプリケーションの基本的な内容を簡単に説明しておきます。このシリーズの記事では全体を通してこのデモ・アプリケーションを使っていきます。いう、ほとんどの人にとってなじみのあるアプリケーションであるからです。メール・クライアントを操作しているかのような感覚をユーザーに与えます。使うことでいかに容易になるかを理解できるはずです。このチェック・ボックスが選択されると、その列にあるすべてのチェック・ボックスが選択され、そしてこのチェック・ボックスが選択解除されると、その列にあるすべてのチェック・ボックスが選択解除されます。ライブラリーになりつつあります。重要性はますます高まるでしょう。ライブラリーは、アプリケーションを構築する際に選択される技術のひとつとなるはずです。適切に使う方法、そして他のライブラリーと一緒に使う場合の落とし穴を避ける方法について紹介しました。すべての機能の基となる、検索と選択のための構文を紹介しました。この構文によって、任意のページ要素を簡単に素早く見つけることができ、またそれらの要素に対してアクションを実行することができます。この記事ではまた、そうした検索の結果をナビゲートし、そこに含まれる要素に対して個々にアクションを実行する方法についても説明しました。コードのための基本となります。あるデモ・アプリケーションを紹介しました。サイトに見られる一般的なウィジェットを作成できることを学びました。アプリケーションに少し対話動作を追加します。変更し、ページをリロードせずに色や配置などを変化させる方法などを学びます。ページを読んでください。クロスブラウザーの互換性が心配な場合には、クロスブラウザーのサポートを一覧にして説明した、このページを調べてみてください。使って作成できる、非常にクールで高度な効果について調べてみてください。言語と、それらの完全な背景を知ることができます。ライブラリーの有用性がどのように高まるかを解説しています。開発のスキルを磨いてください。コメントコメントを登録するにはサインインあるいは登録してください。