1. 程式人生 > >前端學習JQuery篇05——基本操作(CSS)

前端學習JQuery篇05——基本操作(CSS)

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)