ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryにはどのようなプラグインがありますか?

jqueryにはどのようなプラグインがありますか?

(*-*)浩
(*-*)浩オリジナル
2019-05-30 11:25:334734ブラウズ

JQuery プラグインはその拡張メソッドであるため、JQuery の開発以来無数のプラグインが存在しますが、よく使用されるプラグインがいくつかありますので、学習してください。

jqueryにはどのようなプラグインがありますか?

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

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

Validation には次の利点があります。

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

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

#シンプルで強力な検証情報プロンプト: 検証情報プロンプトはデフォルトで設定されており、デフォルト プロンプトをカスタマイズする機能を提供します。 information

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

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

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

プラグインには他のメソッドも含まれています:

formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、resetForm()など。


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() メソッドに限定されなくなります。エフェクト ライブラリには独自のコア セット Effects.core.js があり、

ダイナミック バインディング イベント プラグイン: livequery をサポートするために jQuery のコア ライブラリ ui.core.js を必要としません。

Query のイベント バインディング機能により、jQuery コードと HTML コードを完全に分離できるため、コードの階層関係がより明確になり、維持が容易になります。ただし、ページに動的に読み込まれる HTML 要素の場合は、毎回イベントをこれらの要素に再バインドする必要があり、非常に不便です。

これから新しいプラグイン、つまり livequery が誕生しました。これは、対応する DOM 要素の時間を登録したり、コールバック関数をトリガーしたりするために使用できます。現在のセレクターによって一致する要素がイベントにバインドされるだけでなく、JavaScript を介して後で追加された要素もイベントにバインドされます。要素がセレクターと一致しなくなると、livequery はイベント登録を自動的にキャンセルするため、開発者は HTML 要素のソースに注意を払う必要がなく、バインドされたイベントの記述方法だけに注意する必要があります。

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

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

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

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

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


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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。