$("div").css("height", "100px");
$("div").css("background", "red");2、链式设"/>

jquery怎么设置css样式

这篇文章主要介绍了jQuery实现获取及设置CSS样式操作相关使用方法,及操作注意事项,需要的朋友可以参考下。

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视频教程

$("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"}):可以多次添加样式

更多JavaScript相关技术文章,请访问JavaScript答疑栏目进行学习!

以上就是jquery怎么设置css样式的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读