jQuery 元素操作——遍历元素
生活随笔
收集整理的這篇文章主要介紹了
jQuery 元素操作——遍历元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery 元素操作
主要是遍歷、創建、添加、刪除元素操作
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style></style><script src="jquery.min.js"></script> </head><body><div>1</div><div>2</div><div>3</div><script>$(function() {// $("div").css("color", "red");// 如果針對于同一類元素做不同操作，需要用到遍歷元素（類似for，但是比for強大）var sum = 0;// 1. each() 方法遍歷元素 var arr = ["red", "green", "blue"];$("div").each(function(i, domEle) {// 回調函數第一個參數一定是索引號 可以自己指定索引號號名稱// console.log(index);// console.log(i);// 回調函數第二個參數一定是 dom元素對象 也是自己命名// console.log(domEle);// domEle.css("color"); dom對象沒有css方法$(domEle).css("color", arr[i]);sum += parseInt($(domEle).text());})console.log(sum);// 2. $.each() 方法遍歷元素 主要用于遍歷數據，處理數據// $.each($("div"), function(i, ele) {// console.log(i);// console.log(ele);// });// $.each(arr, function(i, ele) {// console.log(i);// console.log(ele);// })$.each({name: "andy",age: 18}, function(i, ele) {console.log(i); // 輸出的是 name age 屬性名console.log(ele); // 輸出的是 andy 18 屬性值})})</script> </body></html>總結
以上是生活随笔為你收集整理的jQuery 元素操作——遍历元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery 内容文本值|| 案例：购物
- 下一篇： jQuery 属性操作——案例：购物车案