ホームページ > 記事 > ウェブフロントエンド > jqueryにおけるeqとgetの違いと使い方
ほとんどの人はこれら 2 つを間違って使用すると思います。 API ドキュメントを注意深く見ることでわかります。 eq は jquery オブジェクト を返し、get は HTML オブジェクト array を返します。
例:
e39d750423af0b795caf799f85941dbfFeiyu94b3e26ee717c64999d7867364b1b4a3eq を使用して最初の 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>