ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery のparent()とparent()の違いの分析

jQuery_jquery のparent()とparent()の違いの分析

WBOY
WBOYオリジナル
2016-05-16 16:32:571417ブラウズ

この記事では、jQuery のparent() とparent() の違いを例とともに分析し、参考のために共有します。具体的な分析は次のとおりです。

実際、jQuery では、関数またはセレクターの概念は非常に理解しやすく、API マニュアルを十分に理解していれば、タイトルの関数についても同様に簡単に区別できます。 , しかし、ここでは簡単なものをいくつか紹介します。結局のところ、これはより便利かもしれません。

1.parents() 関数:

この関数は、一致する要素のすべての親要素を取得できます。コード例:

コードをコピーします コードは次のとおりです:
$(".mayi").parents()。 css(" color","re​​d");

上記のコードは、クラス属性値が「mayi」であるすべての要素のすべての親要素のフォントの色を赤に設定できます。
完全なコード例を参照してください:

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


<メタ文字セット = " utf-8" > 選択されたチェックボックスの数を数える - スクリプト ホーム <スクリプトタイプ="text/javascript"> $(document).ready(function(){
$(".mayi").parents().css("color","re​​d"); })




スクリプトハウス 1

スクリプトハウス ワンバイワン
スクリプト ハウスはあなたを歓迎します





上記のコードは、span 要素のすべての親要素のフォントの色を赤に設定できます。


2.parent() 関数:


この関数は、すべての親要素ではなく、一致するすべての要素の第 1 レベルの親要素を取得できます。

コードをコピーします

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

コードをコピー

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

スクリプトハウス 1

スクリプトハウス ワンバイワン
スクリプト ハウスはあなたを歓迎します





上記のコードでは、span要素の第1レベルの親要素にある「Script Home One One」のフォントの色を赤に設定することしかできません。

これら 2 つの関数の最大の違いは、関数の名前からもわかりますが、s を使用しないと、最初の要素しか取得できません。 -level 親要素。ここではこれ以上の説明は不要です。興味のある方は関連記事を参照してください。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:javascript_javascript スキルで 2 回の連続したボタンのクリック間の時間間隔を設定する方法次の記事:javascript_javascript スキルで 2 回の連続したボタンのクリック間の時間間隔を設定する方法

関連記事

続きを見る