JQuery 実践_読書メモ 1 — jQuery_jquery を選択する

複数の JavaScript フレームワークを比較した結果、JQuery は本当に優れたフレームワークであると認めざるを得ません。まだフレームワークで使用していない場合は、肥大化して不便なフレームワークを捨ててください。これにより、フロントエンド設計で多くのコードが節約されます。

Jquery を選択する理由
ページに JavaScript コードを記述するとき、要素または要素のグループを選択し、それを何らかの方法で操作するというパターンに従う必要があることがよくあります。 (要素の表示と非表示、要素への CSS クラスの追加、要素プロパティの変更など)。 jQuery はこの点で他のフレームワークよりも優れた実装を備えており、コード全体がより簡潔になります。


ページと実装の分離
CSS スタイルと同じように、Web をデザインするときは、スタイル タグと HTML ドキュメントを分離し、HTML のスタイル記述を CSS ファイルに分離するように努める必要があります。これは文書の処理が簡単なだけでなく、スタイルシートを変更するだけでページ全体のスタイルを簡単に変更できます。


Jquery の利点
1. 強力な Dom 要素セレクター
Jquery は、Jquery のセレクターを使用して、複雑な要素または要素のセットを選択するための一連の強力なセレクター関数を提供します。 jquery を使用してページ上の要素を編集すると、本来は多くのコード行が必要だったタスクを、わずか数行のコード (または 1 行のコード) で完了できます。
偶数番号の

要素をすべて選択します。
$("p:even")
各テーブルの最初の行を選択します。
$("tr:nth-child(1)")

リンクの直接の子である

を選択します
$("a[href$=pdf]")


$("body > div that contains the link () as a direct child of : has(a)")

上記について考えてみましょうdom 要素の選択。jquery が提供するセレクターを使用しない場合、どのように実装する必要がありますか? 完成するまでにどれくらいのコードが必要ですか?
2. 拡張が簡単
Jquery は便利な拡張機構を提供しているので、使いやすい拡張プラグインがたくさんあります

3. 便利な dom 操作方法
4. 軽量かつ軽量
巨大で肥大化した Extjs と比較すると、jquery は本当に小さすぎます。これについてはこれ以上言う必要はありません。