jqueryのeqとget
eq:返すのはjqueryオブジェクトです.一致する要素の集合を1つの要素に縮小することです.この要素は、一致する要素の集合内の位置が0になり、集合の長さが1になります.
get:htmlオブジェクト配列の役割は、一致する要素の1つを取得することです.numは、いくつかの一致を取得した要素を表す.
htmlコード
例えば、jqueryセレクタ$(「li」)を使用すると、li要素が2つあります.私はどのようにしてそのうちの1つだけを選択しますか?
$("li:eq(0)").html()または$(「li」).eq(0).html()が最初のliここで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')でいい
完全なコード
get:htmlオブジェクト配列の役割は、一致する要素の1つを取得することです.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ここで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')でいい
完全なコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="JavaScript" src="js/jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
alert($("li:eq(1)").html());// li-2 alert($("li:eq(0)").html())
$("li").get(0).style.color='red';
$($("li").get(1)).css("color",'red')
})
//-->
</SCRIPT>
</HEAD>
<BODY>
<ul>
<li>li-1</li>
<li>li-2</li>
</ul>
</BODY>
</HTML>