如何理解jquery的$(".span").eq(0) 和 $(”.span“)[0]

<span class="span">1</span>
<span class="span">2</span>
<span class="span">3</span>
<span class="span">4</span>
$('.span')  // 選擇了4個span,都是jquery對象(可以用jquery的屬性、方法)

$('.span').eq(1) // 選擇了第二個span,是jquery對象(不可以使用dom屬性方法,可以用jquery的屬性、方法)

$('.span')[1]  // 選擇了第二個span,是dom對象(可以使用dom屬性,方法,不可以使用jquery屬性方法)

$('.span').eq(1)[0]  // 選擇了第二個span,並且轉化成都是dom對象(可以使用dom屬性,方法,不可以使用jquery屬性方法)

$('.span')[0].eq(1) // 錯誤,因爲dom對象用不了jquery方法,eq()是jq方法。

例如:
html:

<form id="formId">
	<input type="text" value="">
</form>
<button type="button" id="res">點擊</button>

js:

$('#res').on('click',function(){
	$('#formId')[0].reset();
})

$(’#formId’)[0].reset(); 調用的就是dom的方法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章