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