jQuery get()
此方法可以返回匹配元素集合中指定索引的dom元素。
語法結構:
[JavaScript] 純文字檢視 複製程式碼.get([index ])
引數解析:
index:可選從0開始計數,用來確定獲取哪個dom元素。可以是負數,那麼就是倒數。如果index值超出範圍,那麼返回undefined。如果不提供該引數,那麼返回所有匹配元素集合中的DOM節點,然後將它們存放在標準陣列中。
jQuery1.0版本新增。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ var li = $("li").get(1); li.style.color = "green"; }) </script> </head> <body> <ul> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> </body> </html>
將第二個li元素的字型顏色設定為綠色。
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script type="text/javascript"> $(document).ready(function () { var str = ""; var arr = $("li").get(); var reverseArr = arr.reverse(); for (var index = 0; index < reverseArr.length; index++) { str = str + reverseArr[index].innerHTML + "<br/>"; } $("div").html(str); }) </script> </head> <body> <ul> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> <div></div> </body> </html>
如果沒有引數,那麼將所有匹配元素放入一個標準陣列,然後用reverse()方法將陣列翻轉。
相關文章
- jquery GET POSTjQuery
- jQuery.get()jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- jQuery Ajax get post 方法詳解jQuery
- jquery中$.get()提交和$.post()提交有區別嗎?jQuery
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結jQueryJSON
- jquery的get()函式快取問題解決方案jQuery函式快取
- jQuery - AJAX get() 和 post() 方法---非常好的例項jQuery
- 好程式設計師分享JQuery.get提交頁面不跳轉的解決方法程式設計師jQuery
- lombok get/set 與 JavaBean get/setLombokJavaBean
- get的被動用法(get-passive)
- Get/Post
- URLSearchParams get()
- arrive get
- MPI_Get_processor_name,MPI_Get_version
- db block get和consistent read getBloC
- flutter packages get - pub get failed (1)解決方案FlutterPackageAI
- WeakMap get() 方法
- Map get() 方法
- URLSearchParams get() 方法
- apt-getapt-get
- item_get
- 【Java】get SystemPropertiesJava
- About post and get
- kubectl get deploy
- 使用request庫的get方法發起GET請求
- 解決Jquery在GET方式傳遞引數時gb2312中文編碼亂碼jQuery
- Ext.query()和Ext.get()的區別,Ext.query()類似於jquery的DOM選擇器jQuery
- GET來的漏洞
- get_constructorStruct
- Reflect.get() 方法
- flutter package get 卡FlutterPackage
- C# Get SetC#
- go get 超時Go
- apt could not get lockAPT
- web基礎$_GETWeb
- Get Oracle Environment InformaticaOracleORM
- 淺說 get set