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元素操作-遍历元素
1.jQuery元素操作 1.1.遍历元素-语法1 主要遍历dom对象 <!DOCTYPE html> <html lang="en"> <head& ...
JS 查看标签下某元素所有信息（查看元素，查询元素，遍历元素、HTMLCollection对象、NodeList对象）
NodeList 对象是一个从文档中获取的节点列表 (集合) . NodeList 对象类似 HTMLCollection 对象. 一些旧版本浏览器中的方法(如:getElementsByClassN ...
jquery数组(操作数组元素)
HTML: <h3>数组map方法</h3> <div id="show4"></div> jquery: $(document). ...
jQuery的属性，位置，元素操作
想要操作,或者获取元素原有属性,jQuery为我们良好的封装了各种,属性和方法.以下,便是: jQuery 属性操作 jQuery有三种操作属性的方法::prop() / attr() / data( ...
jq追加html属性,jQuery 操作 HTML 元素和属性的方法
jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容: text().html() 以及 val()方法 My Test JQuery $( ...
jQuery（三）—节点操作和元素尺寸
jQuery节点操作和元素尺寸节点操作创建.追加元素 $()直接传入想要创建的节点 var $newli = $("<li>这是一个新的li标签</li>&quo ...
二、属性操作，文本属性值，元素操作，尺寸、位置操作
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属 ...
软件测试自动化测试 Web自动化测试01 selenium 定位元素方法元素操作自动化脚本开发
文章目录 1 自动化测试概述 1.1 测试的目的 1.2 自动化测试的优点 1.3 自动化测试的缺点 1.4 自动化测试工具 1.5 自动化测试流程 2 selenium基础 2.1 selenium ...
set的三种遍历方式，set遍历元素
set的三种遍历方式,set遍历元素 list 遍历元素 http://blog.csdn.net/sunrainamazing/article/details/71577662 set遍历元素 ht ...

jQuery 元素操作——遍历元素

jQuery 元素操作

主要是遍历、创建、添加、删除元素操作

jQuery 元素操作——遍历元素相关推荐

最新文章

热门文章