[TOC] # 6\. jQuery内容文本值 主要针对元素的内容还有表单的值操作。 ## 1.普通元素内容htmI() (相当于原生inner HTML) ~~~ html() //获取元素的内容 ~~~ ~~~ html("内容'") // 设置元素的内容 ~~~  ## 2.普通元素文本内容text() (相当与原生 innerText) ~~~ text()//获取元素的文本内容 ~~~ ~~~ text("文本内容") // 设置元素的文本内容 ~~~  ## 3.表单的值val() (相当于原生value) ~~~ val()//获取表单元素的文本内容 ~~~ ~~~ val("文本内容") // 设置表单元素的文本内容 ~~~  # 案例:购物车案例模块-增减商品数量 ## 案例分析：购物车案例模块-增减商品数量分析 ~~~ ①核心思路:首先声明一个变量,当我们点击+号( increment) ,就让这个值++ ,然后赋值给文本框。 ②注意1 :只能增加本商品的数量,就是当前+号的兄弟文本框( itxt)的值。 ③修改表单的值是val()方法 ④注意2:这个变量初始值应该是这个文本框的值,在这个值的基础上++。要获取表单的值 ⑤减号( decrement )思路同理,但是如果文本框的值是1 ,就不能再减了。 ~~~ ## 代码实验 html   js  # 案例:购物车案例模块修改商品小计 （结算）  ## 案例分析：购物车案例模块修改商品小计分析 ~~~ ①核心思路:每次点击+号或者号,根据文本框的值乘以当前商品的价格就是商品的小计 ②注意1 :只能增加本商品的小计,就是当前商品的小计模块( p-sum ) ③修改普通元素的内容是text0方法 ④注意2:当前商品的价格,要把￥符号去掉再相乘截取字符串substr(1) ⑤parents( 选择器’) 可以返回指定祖先元素 ⑥最后计算的结果如果想要保留2位小数通过toFixed(2)方法 ⑦用户也可以直接修改表单里面的值,同样要计算小计。用表单change事件 ⑧用最新的表单内的值乘以单价即可但是还是当前商品小计 ~~~ ## 代码实验 加号计算钱  减号计算钱  优化代码 ⑤parents( 选择器’) 可以返回指定祖先元素  优化 保留2位小数 ⑥最后计算的结果如果想要保留2位小数通过toFixed(2)方法  加 减 解决用户手动输入数量，价格没变 （⑦用户也可以直接修改表单里面的值,同样要计算小计。用表单change事件 ⑧用最新的表单内的值乘以单价即可但是还是当前商品小计）  // 4.用户修改文本框的值计算小计模块 (change 表单发生变化触发) ~~~ // 4.用户修改文本框的值计算小计模块 $(". itxt" ).change(function() { //先得到文本框的里面的值乘以当前商品的单价 var n = $(this).val(); //当前商品的单价 var p = $(this).parents(" . p-num" ).siblings(". p-price" ).html(); // console.log(p); p = p.substr(1); $(this).parents(" . p-num" ).siblings(" . p-sum" ).html("￥”+ (p * n). toFixed(2)); }) ~~~