JQuery常见方法与案例

JQuery的常见方法

html()：获取标签的标签内容。
html(“hello world”): 设置标签的标签内容为helloworld。
val()： 获取到文本框的value属性值。
val(“zhangsan”): 给文本框设置上value属性值。===attr(“value”,”zhangsan”);
css(“样式名”,”样式值”)： 为标签设置css样式。
css(“color”): 获取到元素的color的样式
attr(“属性”,”值”)： 给元素添加属性。在高版本中被prop(“属性”,”值”)替换。
attr(“属性”)： 获取元素的属性值。
addClass()： 给元素增加属性。
remove(): 把元素从文档中移除。

parent(): 父节点。
next(): 下一个兄弟节点。
prev(): 上一个兄弟节点。
siblings(): 获取所有同辈元素
children():找到元素的子节点。该方法的参数可以是一个选择器。
append(): 追加一个子标签(在最后)
prepend()： 添加一个子标签(在最初)
before()： 添加一个兄弟标签(在之前)
after()： 追加一个兄弟标签(在之后)

JQuery的常见案列

① 表单验证的案例

② 全选与全不选的案例

③ 全选与全不选的扩展

当有一个选项没被选中时，全选框上的标记去除掉。
第一种写法：

第二种写法：

④ 购物车的数量添加

⑤ 购物车的计算总价

(６) JQuery的动画

(７) JQuery的插件

① 放大镜效果