在jQuery中:css是设置或者修改样式,操作的是style属性
css语法:
1.获取样式:jQuery对象.css(‘属性名’)
$('#div1').css('width') 获取的是带有一个dom对象的jQuery对象的宽度
$('div').css('width') 带有多个dom对象的jQuery对象.但是只能获取到第一个dom对象的相对应的宽度.
2.设置样式:
单个样式:jQuery对象.css(属性名,属性值)
多个样式:jQuery对象.css({属性名1:属性值1,属性名2:属性值2})
注意:这里设置的样式是添加到行内的style属性中,如下图:
设置前
设置后
jQuery中attr操作属性:
attr语法:
1.获取属性:jQuery对象.attr(属性名)
$('img').attr('src') 获取行内属性src
$('img').attr('bbb') 获取行内自定义属性bbb,如果原来没有bbb这个属性,获取到的值就是undefined. 用attr设置上这个bbb属性了,那就可以获取对应的值.
2.设置属性:jQuery对象.attr(属性名,属性值)
a.如果原来有这个属性,就是修改这个属性.
b.如果原来没有这个属性,就是添加
c.如果要设置多属性,就可以给一个对象
3.移除属性:jQuery对象.removeAttr(属性名)
css与attr设置属性的区别:
css侧重设置所有能写在**style属性**中的属性
attr是设置能**直接写在行内的属性**,如src,style本身,而left,top,width这种需要先写在style属性中的就无法用attr进行设置,此时就用css