jQuery样式操作

来源:互联网 发布:嵌入式linux项目实战 编辑:程序博客网 时间:2024/06/03 11:29

操作行间样式:

// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div").css({fontSize:"30px",color:"red"});

注意:
选择器获取的多个元素,获取信息获取的是第一个,比如:$(“div”).css(“width”),获取的是第一个div的width。

操作样式类名:

$("#div1").addClass("divClass2")   //为id为div1的对象追加样式divClass2$("#div1").removeClass("divClass")  //移除id为div1的对象的class名为divClass的样式$("#div1").removeClass("divClass divClass2")  //移除多个样式$("#div1").toggleClass("anotherClass")  //重复切换anotherClass样式
原创粉丝点击