1.css
1.1 css(name)
$(function(){
alert( $("p").css("color"));
}) //rgb(255,0,0)
1.2 css(json) 其中的json数组的值时function(index,value){ return parseFloat(value)*1.2},其中的json的对象成员是属性
$("div").click(function() {
$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
}
});
});
1.3 css(name,value)
其中name value 为对象属性和值
(“p”).css("color","red");
1.4 css(json) 将设置的对象的各个值写成json来设置对象的属性
$("p").css({ "margin-left": "10px", "background-color": "blue" });
2位置
2.1 offset()
获取匹配元素在当前视口的相对偏移。
var offset=(“div”).offset();
var offsetLeft=offset.left;
var offsetTop=offset.top;
2.2 offset(坐标)
设置匹配元素相对于document对象的坐标。
(“div”).offset({left:20px,top:20px});
2.3 position() 用法同offset() (补充:var p = $("p:first"); 选取p标签的第一个节点
)
获取匹配元素相对父元素的偏移。
2.4 scrollleft()和scrollLeft(val)
获取匹配元素相对滚动条左侧的偏移。
3.尺寸
3.1 width()和width(val)
height() 和 height(val)
3.2 innerWidth()和innerHeight() 获取不包括边框的对象长和宽
3.3 outerHeight(boolean) outerWidth(boolean) 若为true,计算边框 反之 不计算