1.css()



1. $("p").css("color");  
2. $("p").css("color",green);  
3. $("p").css({color:"green",background:"red"});  
4. $("p").css({width:function(){},height:function(){}});




css方法,可以取得属性值,获得单个、多个属性值。


2.offset()和offset(coordinates)

前者获取匹配元素在当前窗口的相对偏移,返回值为top和left。



1. var offset = $("p:first").offset();  
2. alert("便宜量为left:"+offset.left);



后者设置匹配元素相对于document对象的坐标。



1. $("p:first").offset({top:10,left:50});




设置后如果原来对象的position样式属性是static,会变成relative来实现重新定位。


3.position()

获取匹配元素相对父元素的偏移。返回两个整形属性top和left,用法和 offset()基本相同。


此方法只对可见元素有效。


4.scrollTop()和scrollTop(val)

前者为获取匹配元素相对滚动条顶部的偏移,后者为设置相对滚动条顶部的偏移。



1. $("p").scrollTop(200);






5.scrollLeft()和scrollLeft(val)

前者为获取匹配元素相对滚动条左侧的偏移,后者为设置相对滚动条左侧的偏移。


6.height()和height(val)

前者为获取匹配元素的高度值,后者为设置匹配元素的高度值。


7.width()和width(val)

前者为获取匹配元素的宽度值,后者为设置匹配元素的宽度值。


8.innerHeight()和innerWidth()

前者为获取匹配元素内部区域高度(包括补白,不包括边框)。


后者为获取匹配元素内部区域宽度(包括补白,不包括边框)。


9.outerHeight(options)和outerWidth(options)

前者为获取匹配元素外部高度(包括补白和边框)。


后者为获取匹配元素外部宽度(包括补白和边框)。


当options为true时,计算边距在内。默认值为false。