jQuery CSS
阿新 • • 發佈:2021-12-27
css:
1. css: 訪問匹配元素的樣式屬性。
name: 要訪問的屬性名稱 / 一個或多個CSS屬性組成的一個數組
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>
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():獲取匹配元素相對父元素的偏移。
</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]): 獲取匹配元素相對滾動條頂部的偏移。
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); <!--有引數-->