jquery 的常用方法 4月4日 作业

1、attr() 获取或设置 所先元素的自有属性或自定义属性

$('#pic').attr('src');
$("#pic").attr('style','border-radius: 50%; box-shadow: 2px 2px 2px 0 #999');

$("#pic").attr("data-item");
$("#pic").attr("width",function(){return 150})

2、removeAttr() 删除所有元素的一个或多个自有或自定义属性

var ress = $('#pic').removeAttr('alt title sytle data-item');

3、prop()  仅能获取或设置元素的固有属性

4、 removeProp() ,  removeProp('a',flase);

5、addClass()  添加类样式

6、removeClass() 删除类样式

7、toggleClass()  反复添加或删除类样式

二、css()  的用法

1、设置样式： css(name[,value])

var res = css('img').css('width',200);
var res = css('img').css('height',200);
var res = css('img').css('border-radius',50%)

var res = css('img').css('width',200)
                    .css('height',200)
                    .css('boxShadow','2px 2px 2px 0 #888');

var res = css('img').css({
                        "width": "200",
                         "height": "200",
                         "borderRadius": "50%",
                         "box-shadow": "2px 2px 2px 0 #888"
                    })

2、通过 css()  获取元素的样式值

var res = $('img').css('width');
var value = parseInt(res);
var res = $('img').css('width',value+10);

三、

1、通过 width()  height() 设置或获取元素的宽高

var res = $('img').width();
var res = $('img').width(200);
var res = $('img').width("200px");
var res = $('img').width("+=100");
//等价于
var res = $('img').css("width","+=100");

2、offset()  所选元素相对于body 左上角的偏移量，left 值 和 top  值

var res = $('img').offset();
var res = $('img').left+ 'px';

3、position() 返回所选元素相对于定位元素左上角的对象

var res = $('.box2').position();
var set = $('.box').position.left+'px';

4、scrollLeft()  scrollTop()  返回元素水平和垂直滚动条的位置

if($('body').scrollTop()>500){
    $('img').css('display','block')
}
else{
    $('img').css('display','none')
}