jQuery_day02Contents目jQuery属性操作jQuery文本属性值jQuery元素操作jQuery尺寸、位置操作能够操作jQuery属性能够操作jQuery元素能够操作jQuery元素尺寸、位置目标TARGET学习jQuery中的各种操作属性方法要点提示jQuery属性操作掌握程度:应用1.1jQuery属性操作视结1.普通属性和表单属性操作获取值:$("a").prop("href"))赋值:$("input").prop("checked",true);2.普通属性和自定义属性操作获取值:$("a").attr("href"))赋值:$("a").attr("aaa","我们都挺好");3.自定义属性和H5新增属性获取值:$("a").data("uname"))赋值:$("a").data("uaname","哈哈哈");1.1jQuery属性操作课堂问答视知识总结结完成购物车全选案例要点提示案例:购物车模块-全选(上)掌握程度:应用1.2案例:购物车模块-全选视练完成购物车全选案例要点提示案例:购物车模块-全选(下)掌握程度:应用1.2案例:购物车模块-全选视练练习实现购物车模块-全选案例提示注意:表单属性selected操作使用prop()思路:被选中的个数和总个数的比较。5分钟1.2案例:购物车模块-全选案例:购物车模块-全选视练学会操作文本属性值要点提示jQuery文本属性值掌握程度:应用2.1jQuery文本属性值视结1.类比DOM中innerHTML属性方法:html()获取值:$("a").html()赋值:$("a").html("赋值内容,识别标签");2.类比DOM中innerText属性方法:text()获取值:$("a").text()赋值:$("a").text("赋值内容,NO识别标签");3.类比DOM中value属性方法:val()获取值:$("input").val()赋值:$("input").val("val()操作标签,必须带有value属性---表达标签");2.1jQuery文本属性值课堂问答视知识总结结完成购物车增减商品数量案例要点提示案例:购物车模块-增减商品数量掌握程度:应用2.2案例:购物车模块-增减商品数量视练练习实现购物车模块-增减商品数量案例提示核心思路:首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框。修改表单的值是val()方法5分钟2.2案例:购物车模块-增减商品数量案例:购物车模块-增减商品数量视练完成购物车修改商品小计案例要点提示案例:购物车模块-修改商品小计(上)掌握程度:应用2.3案例:购物车模块-修改商品小计视练完成购物车修改商品小计案例要点提示掌握程度:应用2.3案例:购物车模块-修改商品小计视练案例:购物车模块-修改商品小计(中)完成购物车修改商品小计案例要点提示掌握...