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

WBOY
リリース: 2016-05-16 16:32:57
オリジナル
1394 人が閲覧しました

この記事では、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 プログラミングに役立つことを願っています。
関連ラベル:
ソース:php.cn
前の記事:javascript_javascript スキルで 2 回の連続したボタンのクリック間の時間間隔を設定する方法 次の記事:JavaScriptミニマリスト入門講座(1):基礎編_JavaScriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート