css( name ) 访问第一个匹配元素的样式属性值
css( properties ) 把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式。例如:
$("p").hover(function () {
$(this).css({ backgroundColor:"yellow", fontWeight:"bolder" });
}, function () {
var cssObj = {
backgroundColor: "#ddd",
fontWeight: "",
color: "rgb(0,40,244)"
}
$(this).css(cssObj);
});
css( name, value )在所有匹配的元素中,设置一个样式属性的值。 如果第二个参数为数字的话自动转化为像素值
$("p").mouseover(function () {
$(this).css("color","red");
});
offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性,top和left,属性值为整数。这个函数只能用于可见元素。例如:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
position( ) 取得一个元素相对于父节点的top和left大小。返回的对象包含两个整数,top和left。为了准确地计算一定要使用像素单位来指定margin,border和padding。这个函数只能用于可见元素。
var p = $("p:first");
var position = p.position();
$("p:last").text( "left: " + position.left + ", top: " + position.top );
scrollTop( )获取匹配的第一个元素的滚动条距顶端的位置。这个函数能用于可见和不可见元素。
例如:
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );
scrollTop( val )当指定一个值时,所有匹配元素的竖直滚动条都滚动到指定的位置。这个函数能用于可见和不可见元素。
scrollLeft( )获取匹配的第一个元素的滚动条距左侧的位置。这个函数能用于可见和不可见元素。
scrollLeft( val )当指定一个值时,所有匹配元素的水平滚动条都滚动到指定的位置。这个函数能用于可见和不可见元素。
width( )取得当前第一匹配的元素的宽度值,这个值应该是一个可以得到的像素值。
width( val )为每个匹配的元素设置指定的宽度值。如果没有明确的指定em或%单位,则使用px单位
height( )取得当前第一匹配的元素的高度值,这个值应该是一个可以得到的像素值。
height( val )为每个匹配的元素设置指定的高度值。如果没有明确的指定em或%单位,则使用px单位
innerHeight( )取得第一个匹配元素的实际内容的宽度(不包括border,但是包括padding)。 这个函数能用于可见和不可见元素。
innerWidth( )取得第一个匹配元素的实际内容的宽度(不包括border,但是包括padding)。 这个函数能用于可见和不可见元素。
outerHeight( [options] )
取得第一个匹配元素的高度(默认包括border和padding)。 这个函数能用于可见和不可见元素。 该函数有一个boolean参数,如果为true的话则将会包括margin的高度,false则不包括margin的高度
outerWidth( [options] )取得第一个匹配元素的宽度(默认包括border和padding)。 这个函数能用于可见和不可见元素。
该函数的参数意义于outerHeight方法的一样