怎么创建自己的cssHook

本篇内容主要讲解“怎么创建自己的cssHook”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么创建自己的cssHook”吧!

成都创新互联是一家专注于成都网站设计、网站制作与策划设计,南昌县网站建设哪家好?成都创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:南昌县等地区。南昌县做网站价格咨询:18982081108

jQuery.cssHooks

描述: 直接向 jQuery 中添加钩子，用于覆盖设置或获取特定 CSS 属性时的方法，目的是为了标准化 CSS 属性名或创建自定义属性。

添加的版本: 1.4.3jQuery.cssHooks

$.cssHooks 对象提供了一种方法通过定义函数来获取和设置特定的CSS值的方法。  它也可以被用来创建新的cssHooks以标准化CSS3功能，如框阴影和渐变。

例如，某些版本基于Webkit的浏览器需要-webkit-border-radius属性来设置元素的border-radius，而早期的Firefox版本使用-moz-border-radius属性。一个CSS hook 可以标准化这些供应商前缀的属性，让.css() 接受一个单一的，标准的属性的名称（border-radius，或用DOM属性的语法，borderRadius）。

除了提供了对特定样式的处理可以采用更加细致的控制外，  $.cssHooks也扩展了.animate() 方法上可用的属性。

定义一个新的css hook十分简单。下面的模板可以方便您创建自己的 cssHook：

(function($) {

// first, check to see if cssHooks are supported

if ( !$.cssHooks ) {

// if not, output an error message

throw("jQuery 1.4.3 or above is required for this plugin to work");

return;

}

// Wrap in a document ready call, because jQuery writes

// cssHooks at this time and will blow away your functions

// if they exist.

$(function () {

$.cssHooks["someCSSProp"] = {

get: function( elem, computed, extra ) {

// handle getting the CSS property

},

set: function( elem, value ) {

// handle setting the CSS value

}

};

});

})(jQuery);

到此，相信大家对“怎么创建自己的cssHook”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！