一.css()
1. 获取属性值
(1)括号中可填写字符串,来获取属性值
$('.one').css('background-color');
(2)括号中填写数组,来获取多组属性值
2. 设置添加属性值
(1)添加一个css属性值
css()括号中传两个参数,代表,把第一个参数作为css样式,第二个参数赋予它作为属性值。
(2)添加多个css属性值
传入对象
二. width()/innerWidth()/outerWidth()
与height用法相同
1. width();获取和设置content区域的宽度
(1)获取元素宽度
以下两种方法实现的效果一致
$('div').css('width');//获取的是字符串 100px
$('div').width();//获取的是数字 100
(2)设置元素宽度
以下两种方法实现的效果一致
$('div').css('width',200);
$('div').width(200);
2. innerWidth();获取和设置content,padding区域加在一起的宽度
(1)设置宽度时
$('div').innerWidth(100);
如果缩小了innerWidth,他减小的是content的宽度。最后就算减小到content不存在,且减到比padding宽度还小,padding的宽度值都是不变的。
3. outerWidth();获取和设置content,padding,border区域加在一起的宽度
(1)$('div').outerWidth(true); 填入true值后,相当于获取了content+padding+border+margin的宽度
(2)设置宽度时
$('div').outerWidth(50);
同样是减小的content宽度,其他区域宽度都不变。
三. offset()/position()
1. offset()
(1)获取相对于文档的位置{top: , left: }
(2)设置相对于文档而言的位置
$('.one').offset({
top:50;
left:50;
})