027_jQuery DOM 元素方法
生活随笔
收集整理的這篇文章主要介紹了
027_jQuery DOM 元素方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. get()方法
1.1. 語法
$(selector).get(index)1.2. 參數
1.3. jQuery中的get()函數是取得當前頁面中所有匹配的DOM元素集合。這是取得所有匹配元素的一種向后兼容的方式(不同于jQuery對象, 而實際上是元素數組)。如果你想要直接操作DOM 對象而不是jQuery對象, 這個函數非常有用。
1.4. 其實get()還有一個用處是可以直接通過下標值訪問其下標值對應的dom對象, 還記得get()返回的是一個array<element>吧, 已經是一個array對象了, 然可以像操作數組一樣以下標去取值了。
1.5. get()方法的返回值: Array<Element>, 一個DOM數組。
1.6. get(index)方法的返回值: 數組元素。
2. index()方法
2.1. index()方法獲得第一個匹配元素相對于其同胞元素的index位置。
2.2. 語法
$(selector).index()2.3. 獲得元素相對于選擇器的index位置。該元素可以通過DOM元素或jQuery選擇器來指定。
2.4. 語法
$(selector).index(element)2.5. 參數
3. size()方法
3.1. size()方法返回被jQuery選擇器匹配的元素的數量。
3.2. 語法
$(selector).size()4. toArray()方法
4.1. toArray()方法以數組的形式返回jQuery選擇器匹配的元素。
4.2. 語法
$(selector).toArray()5. 例子
5.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>jQuery DOM 元素方法</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){ var arr = $('li').get();var item2 = $('li').get(1);var se = $('ul').size();var ul = $('ul');var ulArr = ul.toArray();$('li').click(function(){$(this).css({"background-color": "red"});});});</script></head><body> 列表1:<ul id="first"><li>list1 item 1</li><li>list1 item 2</li><li>list1 item 3</li></ul>列表2:<ul id="second"><li>list2 item 1</li><li>list2 item 2</li><li>list2 item 3</li></ul></body> </html>5.2. 效果圖
總結
以上是生活随笔為你收集整理的027_jQuery DOM 元素方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 037_jQuery Ajax序列化
- 下一篇： 001-引入layui和layui.co