027_jQuery DOM 元素方法
1. get()方法
1.1. 語法
$(selector).get(index)1.2. 參數(shù)
1.3. jQuery中的get()函數(shù)是取得當(dāng)前頁面中所有匹配的DOM元素集合。這是取得所有匹配元素的一種向后兼容的方式(不同于jQuery對(duì)象, 而實(shí)際上是元素?cái)?shù)組)。如果你想要直接操作DOM 對(duì)象而不是jQuery對(duì)象, 這個(gè)函數(shù)非常有用。
1.4. 其實(shí)get()還有一個(gè)用處是可以直接通過下標(biāo)值訪問其下標(biāo)值對(duì)應(yīng)的dom對(duì)象, 還記得get()返回的是一個(gè)array<element>吧, 已經(jīng)是一個(gè)array對(duì)象了, 然可以像操作數(shù)組一樣以下標(biāo)去取值了。
1.5. get()方法的返回值: Array<Element>, 一個(gè)DOM數(shù)組。
1.6. get(index)方法的返回值: 數(shù)組元素。
2. index()方法
2.1. index()方法獲得第一個(gè)匹配元素相對(duì)于其同胞元素的index位置。
2.2. 語法
$(selector).index()2.3. 獲得元素相對(duì)于選擇器的index位置。該元素可以通過DOM元素或jQuery選擇器來指定。
2.4. 語法
$(selector).index(element)2.5. 參數(shù)
3. size()方法
3.1. size()方法返回被jQuery選擇器匹配的元素的數(shù)量。
3.2. 語法
$(selector).size()4. toArray()方法
4.1. toArray()方法以數(shù)組的形式返回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. 效果圖
總結(jié)
以上是生活随笔為你收集整理的027_jQuery DOM 元素方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 037_jQuery Ajax序列化
- 下一篇： 001-引入layui和layui.co