DIV CSS 佈局教程網

5.6 本章總結
編輯:jQuery基礎知識     

一、樣式操作方法

在jQuery中,關於元素的樣式操作方法共有2種:(1)CSS屬性操作;(2)CSS類名操作;

1、CSS屬性操作

在jQuery中,我們可以使用css()方法為獲取或設置某個元素的CSS屬性的值。

語法:

 
//獲取CSS屬性
css("屬性"); 
//設置單個CSS屬性
css("屬性","屬性值") 
//設置多個CSS屬性
css({"屬性1":"屬性值1","屬性2":"屬性值2",……})

2、CSS類名操作

在jQuery中,所謂的“CSS類名操作”類名操作其實就是為元素添加某個類名、刪除某個類名等。

語法:

 
addClass("類名")
removeClass("類名")
toggleClass("類名")

二、樣式屬性方法

1、寬度和高度

在jQuery中,如果我們想要“獲取”或者“設置”元素的寬度,可以使用width()方法。

 
$().width()      //獲取元素的寬度
$().width(n)     //設置元素的寬度,n是一個整數,表示npx

在jQuery中,如果我們想要“獲取”或者“設置”元素的寬度,可以使用height()方法。

 
$().height()      //獲取元素的高度
$().height(n)     //設置元素的高度,n是一個整數,表示npx

2、定位距離

在jQuery中,如果我們想要獲取元素的位置,有2種方法:(1)offset();(2)position()。

(1)offset()

在jQuery中,我們可以使用offset()方法用於“獲取”或“設置”元素相對於“當前文檔”(也就是浏覽器窗口)的偏移距離。

語法:

 
$().offset().top;
$().offset().left

(2)position()

在jQuery中,我們可以使用position()方法來獲取當前元素相對於“其被定位的祖輩元素”的偏移距離。

語法:

 
$().position().top
$().position().left

3、滾動條距離

在jQuery中,我們可以使用scrollTop()來獲取或設置元素相對於垂直滾動條頂部的距離,可以使用scrollLeft()來獲取或設置元素相對於水平滾動條左部的距離。

語法:

 
$().scrollTop()       //獲取滾動距離
$().scrollTop(value)  //設置滾動距離

說明:

scrollLeft()方法的用法跟scrollTop()方法一樣。

scrollTop()和scrollLeft()獲取的值是一個數字(不帶單位),這個跟height()、width()是一樣的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved