jQuery 樣式操作

2022-01-10 10:33:56 字數 2065 閱讀 8062

訪問匹配元素的某一樣式或對其進行設定,可以單個設定css樣式,也可以使用{}一次性設定多個css樣式

如果有多個單詞,可以使用駝峰形式,也可以使用css中的單詞命名方式

如:background-colorbackgroundcolor均可

hello

通常會在書寫css**時會對乙個class類的標籤做統一的樣式設定,當腰應用這些樣式時直接新增class屬性即可,這也是推薦的做法

檢測元素是否具有某一class屬性值,返回boolean型別

jquery物件中的元素新增class

jquery物件中的某一class進行移除

如果存在(不存在)就刪除(新增)乙個類。

使用offset()可獲取與設定當前元素位於視口的位置。

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

hello

使用position()獲取標籤物件對於已定位的父級元素的位置資訊。

hello

height()取得匹配元素當前計算的內容區域高度值(px)

width()取得匹配元素當前計算的內容區域寬度值(px)

僅內容區域

innerheight()取得匹配元素當前計算的內容區域以及內邊距之內的補白區域高度值(px)

innerwidth()取得匹配元素當前計算的內容區域以及內邊距之內的補白區域寬度值(px)

包括內容區域,內邊距補白區域

outerheight()取得匹配元素當前計算的內容區域以及內邊距之內的補白區域和邊框區域高度值(px)

outerwidth()取得匹配元素當前計算的內容區域以及內邊距之內的補白區域和邊框區域寬度值(px)

包括內容區域,內邊距補白區域,邊框區域

獲取或設定當前物件的縱向滾動條的位置

點我跳轉底部

底部

獲取或設定當前物件的橫向滾動條的位置

點我跳轉最右側

jQuery樣式操作

獲取div的樣式 div css width div css color 設定div的樣式 div css width 30px div css height 30px div css 注意 選擇器獲取的多個元素,獲取資訊獲取的是第乙個,比如 div css width 獲取的是第乙個div的wid...

jquery樣式操作

同乙個函式完成取值和賦值 獲取div的樣式 div css width div css color 設定div的樣式 div css width 30px div css height 30px div css 選擇器獲取的多個元素,獲取資訊獲取的是第乙個,比如 div css width 獲取的是...

jquery樣式操作

獲取div的樣式 div css width div css color 設定div的樣式 div css width 20px div css height 20px div css 操作樣式類名 div1 addclass divclass2 為id為div1的物件追加樣式divclass2 d...