jQuery.cssHooks的功能实例测试

这篇文章主要介绍"jQuery.cssHooks的功能实例测试"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"jQuery.cssHooks的功能实例测试"文章能帮助大家解决问题。

　　Feature Testing（功能测试）

　　在使供应商特定的CSS属性标准化前，首先要确定浏览器是否支持标准的属性 或 带浏览器供应商前缀的变种。例如，检查支持border-radius 属性，还要检查该属性的任何变种写法是否是临时元素的 style 对象中的成员。

(function($) {

function styleSupport( prop ) {

var vendorProp, supportedProp,

// capitalize first character of the prop to test vendor prefix

capProp = prop.charAt(0).toUpperCase() + prop.slice(1),

prefixes = [ "Moz", "Webkit", "O", "ms" ],

div = document.createElement( "div" );

if ( prop in div.style ) {

// browser supports standard CSS property name

supportedProp = prop;

} else {

// otherwise test support for vendor-prefixed property names

for ( var i = 0; i < prefixes.length; i++ ) {

vendorProp = prefixes[i] + capProp;

if ( vendorProp in div.style ) {

supportedProp = vendorProp;

break;

}

}

}

// avoid memory leak in IE

div = null;

// add property to $.support so it can be accessed elsewhere

$.support[ prop ] = supportedProp;

return supportedProp;

}

// call the function, e.g. testing for "border-radius" support:

styleSupport( "borderRadius" );

})(jQuery);

关于"jQuery.cssHooks的功能实例测试"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。