设置样式(设置所有被匹配的元素的样式)
- 逐个设置
$('div').css('color','red')
$('div').css('background','yellow')
$('div').css('width','100px')
- 链式设置
$('div').css('width','100px').css('height','100px').css('color','red')
注意
若链式操作超过三步,则使用逐个设置较好,避免影响代码的可读性。
- 批量设置
批量设置采用对象形式进行设置。
$('div').css({
background:"red",
width:"100px",
height:"100px"
})
注意
属性值都采用字符串的形式进行设置。
获取样式(获取第一个匹配的元素的样式属性节点的属性值)
$('div').css('width') //获取div的width属性节点的属性值