怎么创建自己的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”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
名称栏目:怎么创建自己的cssHook
网页地址:http://scyanting.com/article/gogepc.html