持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情

1. 属性操作

1.1 获取属性的语法

1.1.1 获取元素固有的属性值

 element.prop("属性名") 获取元素固有的属性值
 console.log($("a").prop("href"));

1.1.2 获取自定义属性值

获取属性语法:

设置属性语法:

1.1.3 设置属性值

1.2 全选案例

购物车案例模块

• 全选思路∶里面3个小的复选框按钮( j-checkbox )选中状态( checked )跟着全选按钮( checkall )走。
• 因为checked是复选框的固有属性，此时我们需要利用prop)方法获取和设置该属性。
• 把全选按钮状态赋值给3小复选框就可以了。

• 当我们每次点击小的复选框按钮，就来判断:
• 如果小复选框被选中的个数等于3就应该把全选按钮选上，否则全选按钮不选。:checked选择器
• :checked查找被选中的表单元素。

2. 内容文本值

普通元素内容html()(相当于原生inner HTML)

普通元素文本内容text()(相当于原生innerText)

2.1 增减商品数量模块

增减商品数量分析

• 核心思路︰首先声明一个变量，当我们点击+号( increment )，就让这个值++，然后赋值给文本框。
• 注意1︰只能增加本商品的数量，就是当前+号的兄弟文本框( itxt )的值。
• 修改表单的值是val()方法
• 注意2∶这个变量初始值应该是这个文本框的值，在这个值的基础上++。
• 要获取表单的值减号(decrement )思路同理，但是如果文本框的值是1，就不能再减了。

2.2 修改商品小计

修改商品小计分析

• 核心思路∶每次点击+号或者-号，根据文本框的值乘以当前商品的价格就是商品的小计
• 注意1∶只能增加本商品的小计，就是当前商品的小计模块( p-sum ),修改普通元素的内容是text(方法
• 注意2∶当前商品的价格，要把￥符号去掉再相乘截取字符串substr(1)parents(‘选择器’)可以返回指定祖先元素,最后计算的结果如果想要保留2位小数通过toFixed(2)方法
• 用户也可以直接修改表单里面的值，同样要计算小计。用表单change事件用最新的表单内的值乘以单价即可但是还是当前商品小计