jquery にはどのようなサードパーティプラグインがありますか?-フロントエンドQ&A-php.cn

jquery にはどのようなサードパーティプラグインがありますか?

青灯夜游

リリース： 2022-05-23 18:24:13

オリジナル

3077 人が閲覧しました

jquery サードパーティプラグイン: 1. Validation、フォーム検証プラグイン、2. Form、Ajax フォームプラグイン、3. livequery、動的バインディングイベントプラグイン、4. Cookie、Cookie を管理するためのプラグイン、5. SimpleModal、モーダルウィンドウプラグインなど。

jquery にはどのようなサードパーティプラグインがありますか?

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

JQuery には、ツリーメニュー、日付コントロール、画像切り替えプラグイン、ポップアップウィンドウなどのサードパーティプラグインが豊富にあります。基本的なフロントエンドページのコンポーネントには、対応するプラグインがあり、JQuery プラグインで作成されており、その効果は非常に素晴らしく、必要に応じてプラグインを書き換えてパッケージ化することができ、シンプルで実用的です。

次に、一般的に使用されるサードパーティ製プラグインを紹介します。

一般的に使用される jquery 用のサードパーティプラグイン

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

(1) 検証の概要

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

組み込み検証ルール: 必須、数値、電子メール、URL など 19 種類の組み込み検証ルールがあります。クレジットカード番号
カスタマイズされた検証ルール: 検証ルールを簡単にカスタマイズできます
リアルタイム検証: 検証は、フォームの送信時だけでなく、keyup イベントやブラーイベントを通じてトリガーできます。

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

# Validation プラグインの公式 API アドレスは次のとおりです。 http://docs.jquery.com/Plugins/Validation

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

(1) Form プラグインの概要

jQueryフォームプラグインは優れた 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/

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

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

(1) Cookie プラグインの概要

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

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

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

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

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

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

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

7. 遅延読み込み画像プラグイン: Lazyload

画像をレイロードするか、特定の条件が満たされた場合にのみ画像のロードを開始します

ダウンロード URL: https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload .min.js

8. flyプラグイン

ショッピングカートエフェクトを追加して放物線運動を実現

ダウンロードアドレス: https://github .com/amibug/fly

9, qrcode

クライアント上でマトリックス QR コード QRCode を生成できる jquery プラグイン

ダウンロードアドレス: https://github.com/ lrsjng/jquery-qrcode

10、スピナー

は、ショッピングカート内の数量を簡単に追加または削除でき、また、キーボードの上下キーを押してショッピングカートの数量を変更します。