将attr()和css()方法的完整用法-4月4日作业

.attr：获取和css属性

1、var res = $('#pic').attr('src')   返回src值，即图片地址

$('#pic').attr('src','../images/gyy.jpg')  将图片替换为gyy.jpg。第一个为属性名，第二个为要设置的值

2、attr可以获取到自定义的data-前缀的自定义属性

var res = $(#pic).attr('data-nation')

3、attr支持回调函数

$('#pic').attr('width',function(){

    return 100+50

})

4、删除属性

$('#pic').removeAttr('style')

--------------------------------------------------------------

.css()   主要是设置样式

var res = $('img').css('width',200)

链式操作：

var res = $('img').css('width',200).css('border-radius','10%').css('box-shadow','5px 5px 5px #888')

var res = $('img').css({

'width':'200px',

'border-radius':'10%',

'box-shadow':'5px 5px 5px #888'

})