1. 程式人生 > 其它 >jQuery CSS

jQuery CSS

css:

1. css: 訪問匹配元素的樣式屬性。

name: 要訪問的屬性名稱 / 一個或多個CSS屬性組成的一個數組

properties:要設定為樣式屬性的名/值對

name,value: 屬性名,屬性值

name,function(index, value):

1、屬性名

2、此函式返回要設定的屬性值。接受兩個引數,index為元素在物件集合中的索引位置,

value是原先的屬性值。

使用示例:

<body>
    <p>1111111111</p>
<p>2222222222</p>
</body>
</html>  
<!--將所有段落顏色設定為藍色-->
<script>
    $(
'p') $('p').css('color','blue') </script>

2. jQuery.cssHooks: 直接向 jQuery 中新增鉤子,用於覆蓋設定或獲取特定 CSS 屬性時的方法,目的是為了標準化 CSS 屬性名或建立自定義屬性。

css位置:

1. offset([coordinates]):獲取匹配元素在當前視口的相對偏移。

返回的物件包含兩個整型屬性:top 和 left,以畫素計。此方法只對可見元素有效。

必需規定以畫素計的 top 和 left 座標。

可能的值:值對,比如 {top:100,left:0} 或 帶有 top 和 left 屬性的物件

function(index,coords):規定返回被選元素新偏移座標的函式。

index - 可選。接受選擇器的 index 位置

oldvalue - 可選。接受選擇器的當前座標

使用示例:

<p>HELLO</p>
</body>
</html>
<script>
   $("p:last").offset({ top: 300, left: 300 });
</script>

2. position():獲取匹配元素相對父元素的偏移。

返回的物件包含兩個整型屬性:top 和 left。

使用示例:

</head>
<body>
<p>Hello</p>
<p>222222
</p> </body> </html> <script> var p = $("p:first"); var position = p.position(); $("p:last").html( "left: " + position.left + ", top: " + position.top ); </script>

3. scrollTop([val]): 獲取匹配元素相對滾動條頂部的偏移。

val:設定垂直滾動條值。

使用示例:

var p = $("p:first");  <!--無引數時獲取第一段相對滾動條頂部的偏移-->
$("p:last").text( "scrollTop:" + p.scrollTop() );
$("div.demo").scrollTop(300);   <!--有引數時獲取第一段相對滾動條頂部的偏移-->

4. scrollLeft([val]): 獲取匹配元素相對滾動條左側的偏移。

val:設定水平滾動條值。

使用示例:

var p = $("p:first");     <!--無引數-->
$("p:last").text( "scrollLeft:" + p.scrollLeft() );
$("div.demo").scrollLeft(300);   <!--有引數-->