ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryフレームワークの概要
jQueryフレームワークの概要
- 善始善终オリジナル
- 2020-08-26 22:16:55280ブラウズ
1. jQueryはJavaScriptの関数ライブラリです。 jQuery は、「記述量を減らし、実行量を増やす」軽量の JavaScript ライブラリです。 jQuery ライブラリには次の関数が含まれています:
HTML 要素の選択
HTML 要素の操作
CSS 操作
HTML イベント関数
JavaScript の特殊効果とアニメーション
-
HTML DOMトラバーサルと変更
AJAX
ユーティリティ
2.jQuryの利点
軽量で強力なセレクター、DOM操作の優れたカプセル化、信頼性の高いイベント処理メカニズム、完璧なAjax、トップレベル変数の汚染なし、優れたブラウザ互換性、チェーン操作モード、暗黙的反復、動作層と構造層の分離、豊富なプラグインのサポート、完全なドキュメント、オープンソース。
3. Web ページに jQuery を追加する方法はたくさんあります。 次の方法を使用できます:
jQuery.com から jQuery ライブラリをダウンロードします
Google から jQuery をロードするなど、CDN から jQuery をロードします
4. 公式 Web サイトから jQuery をダウンロードします
(1 ) 公式 Web サイト (https://jquery.com/download/) にアクセスします
(2) 「Download jQuery」ボタンをクリックして、ダウンロード ページに入ります
(3) ダウンロードできる jQuery のバージョンは 2 つあります:
製品版 - 実際のウェブサイトでは、合理化および圧縮されています。
開発バージョン - テストおよび開発用 (非圧縮、読み取り可能なコード)
(4) jQuery ライブラリは、HTML の 3f1c4e4b6b16bbbd69b2ee476dc4f83a タグを使用して参照できる JavaScript ファイルです。
5. CDN 設定 jQuery
jQuery をダウンロードして保存したくない場合は、CDN (Content Delivery Network) 経由で参照することもできます。 Staticfile CDN、Baidu、Youpaiyun、Sina、Google、Microsoft はすべて、サーバー上に jQuery を搭載しています。サイト ユーザーが国内の場合は、Baidu、Youpaiyun、Sina などの国内 CDN アドレスを使用することをお勧めします。サイト ユーザーが海外の場合は、Google と Microsoft を使用できます。たとえば、Baidu の CDN を使用する場合は、次の方法を使用できます:
<head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head>
6. jQuery 構文
jQuery 構文は、HTML 要素を選択し、選択した要素に対して特定の操作を実行します。
基本構文: $(selector).action()
ドル記号の定義 jQuery
selector (セレクター) HTML 要素の「クエリ」と「検索」
jQuery の action() は、要素操作を実行します
例:
$(this).hide() - 現在の要素を非表示にする
$("p").hide() - すべての 90e867b1d0aa294342051170fc09eaa8 要素を非表示にする
$("#test").hide() - id="test" を持つ要素を非表示にする
7. jQueryエントリ function
$(document).ready(function(){
// jQuery コードの書き込みを開始します...
});
省略モード:
$(function(){
// 書き込みを開始jQuery コード...
});
以上がjQueryフレームワークの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。