Fmpq教程在线工具 - Fmpq教程实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fmpq教程(fmpq.com)</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>

<script>
$(function ($) { 
	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" );
	alert($r);
})(jQuery)
</script>

</body>
</html>