jQuery jQuery.cssHooks 方法
jQuery HTML/CSS 方法實例
定義一個新的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。