jQuery-基础学习2
某些标签有它自己自带的一些属性，比如input标签，a标签等 使用方式： 使用方式： $.each() 方法遍历元素 | 方法 | 用法 | 描述 | 学习jQuery这些内容可以尝试开发一个购物车界面，进行添加、删除、计算、更改的操作jQuery-基础学习2
jQuery属性操作
<!-- href为固定属性 -->
<a href="#" target="_blank" rel="noopener noreferrer">进入</a>
<!-- index为自定义属性 -->
<div index="1"></div>方法 用法 描述 .prop $("元素").prop("属性") 获取元素固有的属性值 .attr $("元素").attr("属性",["属性值"]) 获取元素自定义属性和修改[]中为要修改的时候再进行添加 .data $("元素").data("name",["value"]) 向元素中存取数据 []不添加则是获取数据，不会修改DOM元素，一旦页面刷新之前存放的数据会被移除 jQuery 内容文本值
<div>
<span>我是内容</span>
</div>
<input type="text" value="请输入内容">
方法 用法 描述 .html $("元素").html(["修改值"]) [] 中不添加则是获取内容(注意：获取父元素内容会附带子元素的标签属性，例如上述获取div 返回的值为\<span>我是内容\</span> 而不是纯文本) .text $("元素").text(["修改值"]) [] 中不添加则是获取内容,此方法获取的是纯文本 .val $("元素").val(["修改值"]) [] 中不添加则是获取表单值,例如$("input").val();返回值为'请输入内容' jQuery 元素操作
1.遍历元素
$.each(object,function(index,element){xxx;})2.添加、删除元素
// 创建的元素
var li = $("<li>我是被创建的li</li>");
var div = $("<div>我是被创建的li</div>");
// 1.添加元素到元素 内部 的开端
$("ul").prepend(li);
// 2.添加元素到元素 内部 的末尾
$("ul").append(li);
// 3.添加元素到元素 外部 的开端
$("ul").before(div);
// 4.添加元素到元素 外部 的末尾
$("ul").after(div);
// 内部添加 变父子 外部添加 变兄弟
// 删除元素
// 1.删除元素的本身
$("div").remove();
// 2.删除匹配元素集合中的所有 子节点
$("div").empty();
// 3.清空匹配的元素内容
$("div").html("");PS补充
.parents() $("元素").parents("祖先节点值") 用于点位到多层父级的祖先元素 .substr() $("元素").substr(数值) 可在字符串中抽取从 '数值' 下标开始的后面的字符。 .toFixed() $("元素").toFixed(数值) 保留小数点后面 '数值' 总结