<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的方法