这篇文章主要介绍了 jQuery 实现获取及设置 CSS 样式操作相关使用方法, 及操作注意事项, 需要的朋友可以参考下.
1, 逐个设置
- $("div").CSS("width", "100px");
- $("div").CSS("height", "100px");
- $("div").CSS("background", "red");
2, 链式设置
- // 注意点: 链式操作如果大于 3 步, 建议分开
- $("div").CSS("width", "100px")
- .CSS("height", "100px")
- .CSS("background", "blue");
3, 批量设置(相关课程推荐: JS 视频教程 https://www.html.cn/js/video/ )
- $("div").CSS({
- width: "100px",
- height: "100px",
- background: "red"
- });
jQuery 其他方法:
1,.CSS("样式"): 获得样式值, 比如 $("input").CSS("color") 获得 input 中字体的颜色
2,.CSS("样式","value"): 为样式赋值, 如 $("input").CSS("color","red");
3,.addClass("样式类 1, 样式类 2, 样式类 3"): 可以添加多个定义好的样式类
4,.hasClass("样式类类"): 判断是否存在该样式
5,.toggleClass("样式类"): 如果存在 (不存在) 就切换 (删除) 样式
6,.toggleClass("样式类",swith): 如果 swith 为 false, 则删除样式, 如果 swith 为 true, 则切换成该类
7,removeClass("样式类"): 移除样式类
8,.CSS({样式名:"value", 样式名:"value", 样式名:"value"}): 可以多次添加样式
来源: http://www.css88.com/qa/javascript/14871.html