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其它相关文章!