jQuery jQuery.cssHooks 方法

2018-11-22 10:21 更新

jQuery jQuery.cssHooks 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

實(shí)例

定義一個(gè)新的css hook

$(function ($) {
    //首先檢查jquery版本是否支持 cssHooks
    if (!$.cssHooks){
        //如果不支持輸出錯(cuò)誤提醒
        throw(new Error("該功能需要jQuery版本大于或等于1.4.3"));
    }

    // 封裝在Dom文檔加載完畢的事件里, 要再這個(gè)時(shí)候?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)

嘗試一下 ?

定義和用法

$.cssHooks 提供了一種方法通過定義函數(shù)來獲取和設(shè)置特定的CSS值。


注意：1. 它的目的是為了標(biāo)準(zhǔn)化 CSS 屬性名或創(chuàng)建自定義屬性。
2. 例如，某些版本基于Webkit的瀏覽器需要-webkit-border-radius屬性來設(shè)置元素的border-radius，而早期的Firefox版本使用-moz-border-radius屬性。一個(gè)CSS hook 可以標(biāo)準(zhǔn)化這些有前綴的屬性，讓.css() 接受一個(gè)單一的，標(biāo)準(zhǔn)的屬性的名稱（border-radius，或用DOM屬性的語法，borderRadius）。

語法

$.cssHooks

實(shí)例

更多實(shí)例

測(cè)試瀏覽器供應(yīng)商前綴的變種
在使供應(yīng)商特定的CSS屬性標(biāo)準(zhǔn)化前，首先要確定瀏覽器是否支持標(biāo)準(zhǔn)的屬性或帶瀏覽器供應(yīng)商前綴的變種。

定義一個(gè)完整的css hook
定義一個(gè)完整的css hook。

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)