ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryにおけるeqとgetの違いと使い方

jqueryにおけるeqとgetの違いと使い方

巴扎黑
リリース: 2017-06-30 14:29:10
オリジナル
1304 人が閲覧しました

ほとんどの人はこれら 2 つを間違って使用すると思います。 API ドキュメントを注意深く見ることでわかります。 eq は jquery オブジェクト を返し、get は HTML オブジェクト array を返します。

例:

Feiyu

eq を使用して最初の p タグのカラー値を取得します:
$("p").eq(0 ).css ("color") // eq(num) は jq オブジェクトを返すため、jq メソッド css を使用して最初の p タグのカラー値を取得できます:
$("p").get (0).style。 color //get(num) は HTML オブジェクトを返すため、従来の HTML オブジェクト メソッドを使用する必要があり、現時点では jq オブジェクトは役に立ちません。もちろん、get(num) の後にオブジェクトを jq オブジェクトに変換してから操作することもできます:
$($("p").get(0)).css("color")------ -------------------------------------------------- - ------------------
その他の eq
参照:
http://api.jquery.com/eq/
----------- -------------------------------------------------- -- -----------
詳細 get:
see:
http://api.jquery.com/get/
eq: 戻り値は jquery オブジェクトであり、一致を減らすために使用されます要素は 1 つの要素に設定されます。一致する要素のセット内のこの要素の位置は 0 になり、セットの長さは 1 になります。
get: は、一致する要素の 1 つを取得するために使用される HTML オブジェクトの配列です。 num は、どの一致要素が取得されたかを示します。

例: HTML コード

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

<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul>
ログイン後にコピー


たとえば、jquery セレクター $("li") を渡すと、li 要素が 2 つあることになります。どうすれば 1 つだけを選択できますか。

$( "li:eq(0)").html() または $("li").eq(0).html() は最初の li-1
$ を取得します。 ("li:eq(1 )").html() または $("li").eq(1).html() は 2 番目の li です。ここで li-2 を取得します

get を見てみましょう。 get は HTML オブジェクトを返すので、ここで
$("li").get(0).style.color='red'
このように使用するか、get によって返されたオブジェクトを前に jquery オブジェクトに変換することしかできません。操作
$($("li").get(0) ).css("color",'red')

完全なコード

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

 
 
<
HEAD
> 
 New 
Document
  
 
 
 
 
 
<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul> 
 
ログイン後にコピー


以上がjqueryにおけるeqとgetの違いと使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート