jqury

css

1css(name|pro|[,val|fn])

概述:访问匹配元素的样式属性。jQuery 1.8中，当你使用CSS属性在css()或animate()中，我们将根据浏览器自动加上前缀(在适当的时候)，比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用"-ms-user-select".

2offset([coordinates])

概述

获取匹配元素在当前视口的相对偏移。

返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。

参数

coordinates{top,left}**ObjectV1.4*

必需。规定以像素计的 top 和 left 坐标。

可能的值：

• 值对，比如 {top:100,left:0}

• 带有 top 和 left 属性的对象

function(index,coords)*functionV1.4*

规定返回被选元素新偏移坐标的函数。

• index - 可选。接受选择器的 index 位置

• oldvalue - 可选。接受选择器的当前坐

无参数描述:
获取第二段的偏移
​
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
结果:
<p>Hello</p><p>left: 0, top: 35</p>
参数coordinates 描述:
获取第二段的偏移
​
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
$("p:last").offset({ top: 10, left: 30 });

3position()

概述

获取匹配元素相对父元素的偏移。

返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );

4scrollTop([val])