ホームページ > ウェブフロントエンド > jsチュートリアル > jquery用のプラグインとは何ですか?

jquery用のプラグインとは何ですか?

coldplay.xixi
リリース: 2023-01-04 09:37:05
オリジナル
9696 人が閲覧しました

jquery プラグインには次のものが含まれます: 1. jQuery フォーム検証プラグイン Validation; 2. jQuery フォーム プラグイン Form; 3. 動的バインディング イベント プラグイン livequery; 4. Cookie 管理プラグイン Cookie; 5. モーダルウィンドウプラグイン SimpleModal 。

jquery用のプラグインとは何ですか?

#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。

jquery プラグイン:

1. jQuery フォーム検証プラグイン: Validation

(1) はじめにValidation へ

JavaScript を使用する最も一般的な機会はフォーム検証ですが、jQuery は優れた JavaScript ライブラリとして、優れたフォーム検証プラグインである Validation も提供します。Validation は最も古い jQuery プラグインの 1 つです。 . 世界中のさまざまなプロジェクトによって検証されており、多くの Web 開発者に好評です。標準の検証メソッド ライブラリとして、Validation には次の利点があります。

  • 組み込み検証ルール: 必須、数値、電子メールなど 19 種類の組み込み検証ルールがあります。 、URL とクレジット カード番号

  • カスタマイズされた検証ルール: 検証ルールを簡単にカスタマイズできます

  • シンプルで強力な検証情報プロンプト: 検証情報プロンプトはデフォルトであり、デフォルトのプロンプト情報を上書きするカスタマイズ機能を提供します。

  • リアルタイム検証: フォームの送信時だけでなく、キーアップまたはブラー イベントを通じて検証をトリガーできます。

(2) プラグインのダウンロードアドレス: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

の公式 API アドレスValidation プラグインは: http://docs.jquery.com/Plugins/Validation

jquery用のプラグインとは何ですか?

2. jQuery フォーム プラグイン: Form

(1 ) フォーム プラグインの紹介

jQuery Form プラグインは、非常に簡単かつ非侵襲的に Ajax をサポートするように HTML フォームをアップグレードできる優れた Ajax フォーム プラグインです。 jQuery には、ajaxForm() と ajaxSubmit() という 2 つのコア メソッドがあり、フォーム要素の制御から送信プロセスの管理方法の決定までの機能を組み合わせています。さらに、iain プラグインには、formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、resetForm() などの他のメソッドも含まれています。

(2) jQueryフォームフォームプラグインのダウンロードアドレス:http://jquery.malsup.com/form/。読者はプラグインをダウンロードし、Web サイトで簡単な開始手順、API、サンプル コードなどを確認できます。

3. ダイナミックバインディングイベントプラグイン:livequery

(1) livequeryプラグインの紹介

jQueryのイベントバインディング関数はjQueryコードを作成しますおよび HTML コードを完全に分離できるため、コードの階層関係がより明確になり、維持が容易になります。ただし、ページに動的に読み込まれる HTML 要素の場合は、毎回イベントをこれらの要素に再バインドする必要があり、非常に不便です。これから新しいプラグイン、つまり livequery が誕生しました。これは、対応する DOM 要素の時間を登録したり、コールバック関数をトリガーしたりするために使用できます。現在のセレクターによって一致する要素がイベントにバインドされるだけでなく、JavaScript を介して後で追加された要素もイベントにバインドされます。要素がセレクターと一致しなくなると、livequery はイベント登録を自動的にキャンセルするため、開発者は HTML 要素のソースに注意を払う必要がなく、バインドされたイベントの記述方法だけに注意する必要があります。

jQuery セレクターを通じて DOM 要素を選択すると、ライブクエリ プラグインはそれを DOM 範囲全体にリアルタイムで保持します。これは、要素が以前に存在していたか、後で動的に読み込まれたかに関係なく、CSS で要素をスタイル設定するのと同じように、イベントがバインドされることを意味します。同時に、このプラグインはリソースをほとんど消費することなくこれらの機能を実現します。

(2) jQuery livequery プラグインのダウンロード アドレス: http://plugins.jquery.com/livequery/

jquery用のプラグインとは何ですか?

#4. jQuery UI プラグイン

(1) jQuery UI の概要:

jQuery UI は、jQuery プラグイン (インターフェイス) から派生します。 Interface プラグインの最初のバージョンは 1.2 で、jQuery 1.1.2 バージョンのみをサポートしていましたが、その後、一部の人々が jQuery 1.2 API に基づいてほとんどの Interface 代表を再構築し、API を統合しました。大幅な改良により、バージョン番号は 1.3 ではなく 1.5 に直接ジャンプし、jQuery UI という名前に変更されました。

jQuery UI は主に、インタラクション、ウィジェット、エフェクト ライブラリ

  • インタラクションの 3 つの部分に分かれています。ここでは、マウス操作に関連するコンテンツをいくつか紹介します。ドラッグ、配置、ズーム、選択、並べ替えなどが含まれます。ウィジェットの一部は、これらのインタラクティブなコンポーネントに基づいて作成されています。このライブラリには jQuery UI コア ライブラリが必要です。ui.core.js は

  • ウィジェットをサポートします。ここでは主にいくつかのインターフェイス拡張機能を紹介します。アコーディオン ナビゲーション、オートコンプリート、カラー ピッカー、ダイアログ ボックス、スライダー、ラベル、カレンダー、虫眼鏡、プログレス バー、スピナー コントローラーが含まれます。このライブラリには、jQuery UI コア ライブラリ - ui.core.js support

    が必要です。

  • エフェクトライブラリ。このライブラリは豊富なアニメーション効果を提供するために使用されるため、アニメーションは animate() メソッドに限定されなくなります。エフェクト ライブラリには独自のコア セット、effect.core.js があり、jQuery のコア ライブラリ ui.core.js のサポートは必要ありません。

(2) のダウンロード アドレスjQuery UI プラグインは http://jqueryui.com/download/all/ です。 「jQuery UI 1.6rc2」リンクを選択して、ソース コード、配布バージョン、テスト ドライバーを含む完全なパッケージを直接ダウンロードします。

5. Cookie を管理するプラグイン: Cookie

(1) Cookie プラグインの紹介

Cookie は、配置される小さなテキスト ファイルです。ウェブサイトデザイナーによってクライアント上で。 Cookie は、ショッピング サイトでユーザーが閲覧した商品リストを保存したり、ポータル サイトでユーザーが閲覧したいニュースの種類を記憶したりするなど、ユーザーにさまざまな利便性を提供します。ユーザーの実行中にユーザーのログイン ステータスも保存できるため、ユーザーは Web サイトにアクセスするたびにこの情報を入力する必要がなくなります。

jQuery は、Web サイト上の Cookie を管理するための非常にシンプルなプラグインを提供します。プラグインの名前も Cookie です。

(2) jQuery Cookie プラグインのダウンロード アドレス内: http://plugins.jquery .com/cookie/

jquery用のプラグインとは何ですか?

6. モーダル ウィンドウ プラグイン: SimpleModal

(1) SimpleModal プラグインの紹介

SimpleModal は、モーダル ウィンドウ開発のための強力なインターフェイスを提供し、モーダル ウィンドウのフレームワークとして使用できる軽量の jQuery プラグインです。 SimpleModal は非常に柔軟で、想像できるあらゆるものを作成でき、UI 開発においてクロスブラウザーの問題を考慮する必要はありません。

(2) SimpleModal プラグインのダウンロード アドレス: http://www.ericmmartin.com/projects/simplemodal/

関連する無料学習の推奨事項: javascript(ビデオ)

以上がjquery用のプラグインとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート