jQuery jQuery.cssHooks 方法
實例
定義一個新的css hook
$ ( function ( $ ) {
// 首先檢查jquery版本是否支持cssHooks
if ( !$. cssHooks ) {
// 如果不支持輸出錯誤提醒
throw ( new Error ( " 該功能需要jQuery版本大於或等於1.4.3 " ) ) ; }
// 封裝在Dom文檔加載完畢的事件裡,要再這個時候寫入cssHooks,避免該cssHooks在其他地方被重寫 $ ( function ( ) { $. cssHooks . height = {
get : function ( elem , computed , extra ) {
// 處理獲取該CSS屬性
} , set : function ( elem , value ) {
// 處理設置CSS屬性
alert ( ' 執行處理 ' ) ; }
} ; $ ( ' body ' ) . css ( ' height ' , ' 100% ' ) ; } ) ; } ) ( jQuery )
嘗試一下»
定義和用法
$.cssHooks 提供了一種方法通過定義函數來獲取和設置特定的CSS值。
注意: 1.它的目的是為了標準化CSS屬性名或創建自定義屬性。
2. 例如,某些版本基於Webkit的瀏覽器需要-webkit-border-radius屬性來設置元素的border-radius, 而早期的Firefox版本使用-moz-border-radius屬性。 一個CSS hook 可以標準化這些有前綴的屬性, 讓.css() 接受一個單一的,標準的屬性的名稱(border-radius,或用DOM屬性的語法,borderRadius)。
語法
$.cssHooks
更多實例
測試瀏覽器供應商前綴的變種
在使供應商特定的CSS屬性標準化前,首先要確定瀏覽器是否支持標準的屬性或帶瀏覽器供應商前綴的變種。
定義一個完整的css hook
定義一個完整的css hook。