搜索
您的当前位置:首页正文

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的常见案列

① 表单验证的案例

② 全选与全不选的案例

③ 全选与全不选的扩展

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

④ 购物车的数量添加

⑤ 购物车的计算总价

(6) JQuery的动画

(7) JQuery的插件

① 放大镜效果

因篇幅问题不能全部显示,请点此查看更多更全内容

Top