前端學習JQuery篇05——基本操作(CSS)
阿新 • • 發佈:2018-08-01
eight out 需要 名稱 整型 基本 osi 隱藏元素 基本操作
CSS
css(name|pro|[,val|fn])1.9*訪問或設置匹配元素的樣式屬性。
- 一個參數為訪問
- 兩個參數為設置
jQuery.cssHooks直接向 jQuery 中添加鉤子,用於覆蓋設置或獲取特定 CSS 屬性時的方法,目的是為了標準化 CSS 屬性名或創建自定義屬性。
- 它的目的是為了標準化 CSS 屬性名或創建自定義屬性。
- 例如,某些版本基於Webkit的瀏覽器需要-webkit-border-radius屬性來設置元素的border-radius, 而早期的Firefox版本使用-moz-border-radius屬性。一個CSS hook 可以標準化這些有前綴的屬性, 讓.css() 接受一個單一的,標準的屬性的名稱(border-radius,或用DOM屬性的語法,borderRadius)
位置
offset([coordinates])獲取或設置匹配元素在當前瀏覽器窗口的相對偏移
- 無參數為獲取
- 有{left:‘100‘,top:‘100‘}參數為設置
position()獲取或設置匹配元素相對父元素的偏移。
- 無參數為獲取
- 有{left:‘100‘,top:‘100‘}參數為設置
- 返回的對象包含兩個整型屬性:top 和 left。為精確計算結果,請在補白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。
scrollTop([val])獲取或設置匹配元素相對滾動條頂部的偏移
scrollLeft([val])獲取或設置匹配元素相對滾動條左側的偏移。
尺寸
height([val|fn])取得或設置第一個匹配元素當前計算的高度值(px)
- 在 jQuery 1.2 以後可以用來獲取 window 和 document 的高
width([val|fn])取得或設置第一個匹配元素當前計算的寬度值(px)
- 在 jQuery 1.2 以後可以用來獲取 window 和 document 的寬
innerHeight()獲取或設置第一個匹配元素內部區域高度(包括內邊距、不包括邊框)
- 此方法對可見和隱藏元素均有效
innerWidth()獲取或設置第一個匹配元素內部區域寬度(包括內邊距、不包括邊框)
- 此方法對可見和隱藏元素均有效
outerHeight([options])獲取或設置第一個匹配元素外部高度(默認包括內邊距和邊框)
- 此方法對可見和隱藏元素均有效
outerWidth([options])獲取或設置第一個匹配元素外部寬度(默認包括補白和邊框)
- 此方法對可見和隱藏元素均有效
前端學習JQuery篇05——基本操作(CSS)