jQuery中操作属性的的两个方法：css 与 attr 的用法与区别

在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