[TOC] # 5.1设置或获取元素固有属性值prop() 所谓元素固有属性就是元素本身自带的属性,比如`<a>`元素里面的href , 比如`<input>`元素里面的type. ## 1.获取属性语法 ~~~ prop("属性") ~~~ ## 2.设置属性语法 ~~~ prop("属性","属性值") ~~~ # 5.2设置或获取元素自定义属性值attr() （自定义的属性） 用户自己给元素添加的属性，我们称为自定义属性。比如给div添加index = “1”。 ## 1.获取属性语法 ~~~ attr("属性")//类似原生getAttribute() ~~~ ## 2.设置属性语法 ~~~ attr("属性","属性值")//类似原生setAttributeo ~~~ 改方法也可以获取H5自定义属性 # 5.3 数据缓存data() data()方法可以在指定的元素上存取数据，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。 ## 1.附加数据语法 ~~~ data("name" ,"value")//向被选元素附加数据 ~~~ ## 2.获取数据语法 ~~~ date("name") //向被选元素获取数据 ~~~  同时，还可以读取HTML5自定义属性data-index，得到的是数字型 # 案例：购物车 | 标题框 | 商品区域 | 结算区域 | | --- | --- | --- | | html | html | html | # 案例分析：购物车案例模块.全选分析 ~~~ ①全选思路:里面3个小的复选框按钮( j-checkbox )选中状态( checked )跟着全选按钮( checkall)走。 ②因为checked 是复选框的固有属性,此时我们需要利用prop0方法获取和设置该属性。 ③把全选按钮状态赋值给3小复选框就可以了。 ④当我们每次点击小的复选框按钮,就来判断: ⑤如果小复选框被选中的个数等于3就应该把全选按钮选上,否则全选按钮不选。 ⑥:checked 选择器:checked 查找被选中的表单元素。 ~~~ ## 代码实验 引入  js 全选 ~~~ ①全选思路:里面3个小的复选框按钮( j-checkbox )选中状态( checked )跟着全选按钮( checkall)走。 ②因为checked 是复选框的固有属性,此时我们需要利用prop0方法获取和设置该属性。 ③把全选按钮状态赋值给3小复选框就可以了。 ~~~  判断有没有全部选上 ~~~ ④当我们每次点击小的复选框按钮,就来判断: ⑤如果小复选框被选中的个数等于3就应该把全选按钮选上,否则全选按钮不选。 ⑥:checked 选择器:checked 查找被选中的表单元素。 ~~~