jQuery での jQuery チェーンの使用例 application

ホームページ

ウェブフロントエンド

jsチュートリアル

jQuery での jQuery チェーンの使用例 application_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:19 PM

jquery 応用使用法鎖

この記事の例では、jQuery アプリケーションでの jQuery チェーンの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

多くの場合、jQuery ステートメントをリンクすることができます。これにより、コードの長さが短縮されるだけでなく、特殊な効果も得られることがよくあります。まず次のコードを見てください:

コードをコピーしますコードは次のとおりです:

上記のコードは、スタイル css1 を

リスト全体に追加してからフィルターし、フィルターされた要素に個別に css2 スタイルを追加します。 jQuery がないと上記の効果を実現するのは非常に面倒です。

jQuery チェーンでは、後続の操作は前の操作の結果をオブジェクトとして受け取ります。操作オブジェクトを前のステップのオブジェクトにしたい場合は、end() メソッドを使用できます。

end() メソッドを使用して jQuery チェーンを制御します。

コードをコピーコードは次のとおりです。

こんにちは、お元気ですか

とても素敵です、ありがとうございます。

上記のコードは、

でタグを検索し、スタイル css1 を追加し、end() メソッドを使用して操作オブジェクトを $("p") に戻し、スタイル style css2 を追加します。

さらに、andSelf() を通じて前の 2 つのオブジェクトを結合し、一緒に処理することもできます。

andSelf() メソッドを使用して jQuery チェーンを制御します。

コードをコピーコードは次のとおりです。

最初の段落

2 番目の段落

上記の jQuery コードは、最初に

内の

タグを検索し、css1 を追加します。その後、andSelf() メソッドを使用して

を分離します。 div> と

を結合し、スタイル css2 を追加します。

と

の両方に有効です。

効果:

コードをコピーコードは次のとおりです:

最初の段落

2 番目の段落

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

このウェブサイトの声明

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

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7392

Java チュートリアル

1630

CakePHP チュートリアル

1357

Laravel チュートリアル

1268

PHP チュートリアル

1216

Related knowledge

PHP における矢印記号の役割と実際の応用 Mar 22, 2024 am 11:30 AM

PHP における矢印記号の役割と実際の応用 PHP では、通常、オブジェクトのプロパティとメソッドにアクセスするために矢印記号 (->) が使用されます。オブジェクトとは、PHP におけるオブジェクト指向プログラミング (OOP) の基本概念の 1 つで、実際の開発においては、矢印記号がオブジェクトを操作する上で重要な役割を果たします。この記事では、矢印記号の役割と実際の応用例を紹介し、読者の理解を深めるために具体的なコード例を示します。 1. オブジェクトのプロパティにアクセスするための矢印シンボルの役割矢印シンボルは、オブジェクトのプロパティにアクセスするために使用できます。ペアをインスタンス化するとき

iPhoneのホーム画面から削除を元に戻す方法 Apr 17, 2024 pm 07:37 PM

ホーム画面から重要なものを削除してしまい、元に戻そうとしていますか?さまざまな方法でアプリのアイコンを画面に戻すことができます。 iPhoneでホーム画面から削除を元に戻す方法前述したように、iPhoneでこの変更を復元する方法はいくつかあります。方法 1 – App ライブラリのアプリアイコンを置き換える App ライブラリから直接ホーム画面にアプリアイコンを配置できます。ステップ 1 – 横にスワイプして、アプリライブラリ内のすべてのアプリを見つけます。ステップ 2 – 前に削除したアプリのアイコンを見つけます。ステップ 3 – アプリのアイコンをメインライブラリからホーム画面上の正しい場所にドラッグするだけです。これが応用図です

初心者から熟練者まで: Linux tee コマンドのさまざまなアプリケーションシナリオを探索する Mar 20, 2024 am 10:00 AM

Linuxtee コマンドは、既存の出力に影響を与えることなく、出力をファイルに書き込んだり、別のコマンドに出力を送信したりできる、非常に便利なコマンドラインツールです。この記事では、入門から習熟まで、Linuxtee コマンドのさまざまな応用シナリオを詳しく見ていきます。 1. 基本的な使い方まずは、teeコマンドの基本的な使い方を見てみましょう。 tee コマンドの構文は次のとおりです。 tee[OPTION]...[FILE]...このコマンドは、標準入力からデータを読み取り、データを保存します。

Go 言語の利点と応用シナリオを探る Mar 27, 2024 pm 03:48 PM

Go 言語は、Google によって開発され、2007 年に初めてリリースされたオープンソースプログラミング言語です。シンプルで習得しやすく、効率的で同時実行性の高い言語となるように設計されており、ますます多くの開発者に好まれています。この記事では、Go 言語の利点を探り、Go 言語に適したいくつかのアプリケーションシナリオを紹介し、具体的なコード例を示します。利点: 強力な同時実行性: Go 言語には、同時プログラミングを簡単に実装できる軽量スレッドのゴルーチンのサポートが組み込まれています。 Goroutin は go キーワードを使用して開始できます

クラウドコンピューティング分野におけるLinuxの幅広い応用 Mar 20, 2024 pm 04:51 PM

クラウドコンピューティングの分野における Linux の幅広い応用クラウドコンピューティングテクノロジの継続的な開発と普及に伴い、オープンソースオペレーティングシステムとしての Linux はクラウドコンピューティングの分野で重要な役割を果たしています。 Linux システムは、その安定性、セキュリティ、柔軟性により、さまざまなクラウドコンピューティングプラットフォームやサービスで広く使用されており、クラウドコンピューティングテクノロジーの開発に強固な基盤を提供しています。この記事では、クラウドコンピューティング分野における Linux の幅広いアプリケーションを紹介し、具体的なコード例を示します。 1. クラウドコンピューティングプラットフォームにおけるLinuxのアプリケーション仮想化技術仮想化技術

MySQL タイムスタンプを理解する: 機能、特徴、およびアプリケーションシナリオ Mar 15, 2024 pm 04:36 PM

MySQL タイムスタンプは、日付、時刻、または日付と時刻を格納できる非常に重要なデータ型です。実際の開発プロセスでは、タイムスタンプを合理的に使用すると、データベース操作の効率が向上し、時間関連のクエリと計算が容易になります。この記事では、MySQL タイムスタンプの機能、特徴、および適用シナリオについて説明し、具体的なコード例を示して説明します。 1. MySQL タイムスタンプの機能と特徴 MySQL には 2 種類のタイムスタンプがあり、1 つは TIMESTAMP です。

PHP での POST リクエストの正しい使用法 Mar 27, 2024 pm 03:15 PM

PHP での POST リクエストの使用は、Web サイト開発における一般的な操作であり、フォームデータ、ユーザー情報などのデータは、POST リクエストを通じてサーバーに送信できます。 POST リクエストを適切に使用すると、データのセキュリティと正確性を確保できます。以下では、PHP での POST リクエストの正しい使用法を紹介し、具体的なコード例を示します。 1. PHP における POST リクエストの基本原則 PHP では、POST メソッドを通じて送信されたデータは、$_POST グローバル変数を使用して取得できます。 POST メソッドはフォーム番号を次のように変換します。