jQuery - DOM 元素方法
jQuery DOM 元素方法 - get() 方法
實例
獲得第一個 p 元素的名稱和值：
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("p").get(0);
$("div").text(x.nodeName + ": " + x.innerHTML);
});
});
</script>
<body>
<p>This is a paragraph</p>
<button>獲得 p DOM 元素</button>
<div></div>
</body>
結果
當點擊時：P: This is a paragraph
語法：$(selector).get(index) 其中selector是所選擇的元素，index是要取出的元素的下標
jQuery DOM 元素方法 - index() 方法
<script type="text/javascript">
$(document).ready(function(){
$("li").click(function(){
alert($(this).index());
});
});
</script>
<body>
<p>點擊列表項可獲得其相對於同胞元素的 index 位置：</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
結果如下，點擊元素時會相應的彈出元素的index，例如：點擊coffee時，會彈出 0
點擊列表項可獲得其相對於同胞元素的 index 位置：
- Coffee
- Milk
- Soda
定義和用法
index() 方法返回指定元素相對於其他指定元素的 index 位置。
這些元素可通過 jQuery 選擇器或 DOM 元素來指定。
註釋：如果未找到元素，index() 將返回 -1。
第二：
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(".hot").index($("#favorite"))
});
});
</script>
<body>
<p>請點擊下面的按鈕，以獲得 id="favorite" 的元素相對於 jQuery 選擇器 (class="hot") 的 index：</p>
<button>獲得 index</button>
<ul>
<li>Milk</li>
<li class="hot">Tea</li>
<li class="hot" id="favorite">Coffee</li>
</ul>
</body>
這個結果一點擊時，彈出的下標 是1，如果不寫$("#favorite")，那彈出的是1，寫了則就是相對<li class="hot">Tea</li>裏面的class="hot"，結果為1。如果
<li class="hot" id="favorite">Coffee</li>裏面刪除class="hot"那結果肯定是-1，但是刪除<li class="hot">Tea</li>裏面的class="hot"那結果就是0.。
jQuery DOM 元素方法 - size() 方法
定義和用法
size() 方法返回被 jQuery 選擇器匹配的元素的數量。
語法
$(selector).size()
這個就是返回元素數量，很好理解，換一下方法演示一下就行
jQuery DOM 元素方法 - toArray() 方法
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
x=$("li").toArray()
for (i=0;i<x.length;i++){
alert(x[i].innerHTML);
}
});
});
</script>
<body>
<button>輸出每個列表項的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
定義和用法
toArray() 方法以數組的形式返回 jQuery 選擇器匹配的元素。
語法
$(selector).toArray()
這個也不難，就是以數組的形式返回所匹配的元素
jQuery - DOM 元素方法