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样式的详细内容，更多请关注0133技术站其它相关文章！