首页 | 简单教程,简单编程

代码编辑器：

<!DOCTYPE html>
<meta charset="utf-8">
<link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
	
<script>
$(function ($) {
	if (!$.cssHooks){
	    throw(new Error("该功能需要jQuery版本大于或等于1.4.3"));
	}
	function styleSupport(prop){
		var vendorProp, supportedProp,
		// 将prop参数首字母大写化，以此测试浏览器供应商前缀的变种
		// 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){
			// 浏览器支持标准的CSS属性名
			supportedProp = prop;
		}else{
			// 否则的话，测试是否支持其他浏览器供应商变种前缀的属性名
			for(var i = 0; i < prefixes.length; i++ ){
				vendorProp = prefixes[i] + capProp;
				if(vendorProp in div.style){
					supportedProp = vendorProp;
					break;
				}
			}
		}
		// 避免在IE上内存泄露
    	div = null;
		// 添加该属性到 $.support上，使之可以接受该属性在其他地方
    	$.support[ prop ] = supportedProp;
		return supportedProp;
	}
	// 调用该方法，测试 border-radius 属性
  	$r = styleSupport( "borderRadius" );
	var borderRadius = styleSupport( "borderRadius" );
	// 设置 cssHooks 当且仅当浏览器支持 borderRadius的时候
	if ( borderRadius && borderRadius !== "borderRadius" ) {
		$.cssHooks.borderRadius = {
			get: function( elem, computed, extra ) {
				return $.css( elem, borderRadius );
			},
			set: function( elem, value) {
				elem.style[ borderRadius ] = value;
			}
		};
	}
	$('body').css($r,'5px');
	alert($('body').css('borderRadius'));
})(jQuery)
</script>
<footer>简单教程，简单编程<br/>Copyright © 简单教程 www.twle.cn</footer>

代码编辑器：

运行结果：