jQuery jQuery.cssHooks 方法

jQuery $.cssHooks 提供了一种方法通过定义函数来获取和设置特定的 CSS 值

语法

$.cssHooks

它的目的是为了标准化 CSS 属性名或创建自定义属性

例如，某些版本基于 Webkit 的浏览器需要 -webkit-border-radius 属性来设置元素的 border-radius，而早期的 Firefox 版本使用 -moz-border-radius 属性

一个CSS hook 可以标准化这些有前缀的属性，让.css() 接受一个单一的，标准的属性的名称（ border-radius，或用 DOM 属性的语法， borderRadius ）

范例

下面的范例定义了一个新的 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)

运行范例 »

简单教程

语法

范例

更多范例

jQuery 参考手册