jquery の利点は次のとおりです: 1. 軽量; 2. 強力なセレクター; 3. DOM 操作の優れたカプセル化; 4. 信頼性の高いイベント処理メカニズム; 5. 完璧な Ajax; 6. 汚染のトップレベル変数; 7 . 優れたブラウザ互換性; 8. チェーン操作方式; 9. 動作層と構造層の分離; 10. 豊富なプラグインのサポート; 11. 完全なドキュメント; 12. オープンソース。
このチュートリアルの動作環境: Windows 10 システム、jquery3.2.1、Dell G3 コンピューター。
jQuery の利点は何ですか?
jQuery は高速かつ簡潔な JavaScript フレームワークです。Prototype に次ぐ優れた JavaScript コード ライブラリ (フレームワーク) です。2006 年 1 月に John Resig によってリリースされました。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。
jQuery のコア機能は次のように要約できます: 独自のチェーン構文と短く明確な多機能インターフェイスを備え、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張できます。便利なプラグイン拡張機構と豊富なプラグインを備えています。 jQuery は、IE 6.0、FF 1.5、Safari 2.0、Opera 9.0 などのさまざまな主流ブラウザと互換性があります。
Jqueryの利点
(1) 軽量。 jQuery は非常に軽量です。Dean Edwards の Packer (http://dean.edwards.name/packer/) を使用して圧縮すると、サイズは 30 KB 未満になります。サーバーで gzip 圧縮が有効になっている場合、サイズはわずか 16 KB です。
(2) 強力なセレクター。 jQuery を使用すると、オペレーターは CSS 1 から CSS 3 までのほぼすべてのセレクターに加え、jQuery に固有の高度で複雑なセレクターを使用できます。必要に応じて、XPath セレクターをサポートするプラグインを追加することもできます。次の章では、jQuery の強力なセレクターについて詳しく説明します。
(3) DOM 操作の優れたカプセル化。 jQuery は、一般的に使用される多数の DOM 操作をカプセル化しているため、DOM 操作に関連するプログラムを簡単に作成でき、非常に複雑なさまざまな操作をエレガントに完了でき、JavaScript の初心者でも優れたプログラムを作成できます。第 3 章では、jQuery でのエレガントな DOM 操作を紹介することに重点を置きます。
(4) 信頼性の高いイベント処理メカニズム。 jQuery のイベント処理メカニズムは、JavaScript の専門家である Dean Edwards によって作成されたイベント処理関数の本質を吸収しており、イベント バインディングを処理する際の jQuery の信頼性が非常に高くなります。 jQuery は、グレースフル デグラデーションの保持においても非常に優れた機能を果たします。第 4 章では、jQuery でのイベント処理に焦点を当てます。
(5) 完璧な Ajax。 jQuery はすべての Ajax 操作を関数 $.ajax にカプセル化するため、複雑なブラウザーの互換性や XMLHttpRequest オブジェクトの作成と使用について心配することなく、Ajax を扱うときにビジネス ロジックに集中できます。第 6 章では、jQuery での Ajax 処理に焦点を当てます。
(6) 最上位の変数を汚染しないでください。 jQuery は jQuery という名前のオブジェクトのみを作成し、そのすべてのメソッドはこのオブジェクトの下にあります。別のエイリアス $ もいつでも制御を引き継ぐことができます。他の物体を汚染することはありません。
(7)優れたブラウザ互換性。人気のある JavaScript ライブラリとして、ブラウザーとの互換性は当然必要条件の 1 つです。 jQuery は、IE 6.0、FF 2、Safari 2.0、Opera 9.0 で正常に実行できます。ブラウザ間のいくつかの違いも修正されました。これにより、プロジェクトを開始する前にブラウザー互換性ライブラリの構築について心配する必要がなくなります。
(8) チェーン動作モード。 jQuery の最大の特徴は、その連鎖操作方式です。つまり、同じ jQuery オブジェクトに対して発生する一連のアクションを、オブジェクトを繰り返し取得することなく直接記述できます。これにより、jQuery コードが非常にエレガントになります。第 1.3.3 章では、対応するコーディング スタイルの問題について説明します。
(9) 行動層と構造層の分離。開発者は HTML でイベントを呼び出す必要がなくなり、jQuery セレクターを直接使用して要素を選択し、イベントを要素に直接追加できます。
(10) 豊富なプラグインのサポート。何かの成長は多くの人々のサポートなしには決して発展しません。 jQuery の簡単な拡張性により、世界中の開発者が共同で jQuery 拡張プラグインを作成するようになりました。現在、数百を超える公式プラグインがサポートされています。第 7 章では、現在人気のあるプラグインをいくつか紹介し、全員が独自のプラグインを作成できるようにガイドします。
(11) 完全なドキュメント。 jQuery のドキュメントは非常に充実しており、現時点ではほとんどが英語のドキュメントですが、中国語のドキュメントは少なくなっています。もちろん、Turing Education が翻訳した『Learning jQuery』など、jQuery を愛する多くのチームがこれに熱心に取り組んでいます。
(12) オープンソース。 jQuery は誰でも自由に使用できるオープンソース製品です。
jQuery 言語の機能
ドキュメント要素を迅速に取得
jQuery の選択メカニズムは Css 上に構築されていますセレクター。DOM ドキュメント内の要素を迅速にクエリする機能を提供し、JavaScript でページ要素を取得する方法を大幅に強化します。
美しいページの動的効果を提供する
jQuery には一連のアニメーション効果が組み込まれており、非常に美しい Web ページを作成できます。多くの Web サイトでは、フェードインとフェードアウト、要素の削除、その他のダイナミックな jQuery の組み込み効果が使用されています。特殊効果。
AJAX 非リフレッシュ Web ページの作成
AJAX は非同期 JavaScript および XML の略称で、非常に機密性の高い非リフレッシュ Web を開発できます。ページ、特に PHP Web サイトなどのサーバー側の Web ページを開発する場合、サーバーとの間で双方向に通信する必要があります。AJAX を使用しない場合は、データが更新されるたびに Web ページを更新する必要があります。 AJAX 特殊効果では、ページを部分的に更新して動的な効果を提供できます。
JavaScript 言語の拡張機能を提供します
jQuery は、要素の反復や配列の処理など、基本的な JavaScript 構造を拡張します。
強化されたイベント処理
jQuery はさまざまなページ イベントを提供します。これにより、プログラマーが HTML にイベント処理コードを追加しすぎないようにすることができます。そして最も重要なことは、 、そのイベント ハンドラーは、ブラウザーの互換性に関するさまざまな問題を解決します。
Web ページのコンテンツの変更
jQuery は、Web ページのテキストの変更など、Web ページのコンテンツを変更できます。 、Web ページの画像を挿入または反転することで、jQuery は JavaScript コードを本来処理する必要がある方法を簡素化します。
推奨学習: 「jQuery ビデオ チュートリアル 」
以上がjQueryの利点は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。