其他教程参考

jQuery cssHooks 方法

$.cssHooks 提供了一种方法通过定义函数来获取和设置特定的CSS值。

蹊下更新时间：2019-02-26 17:11:10

具体内容
相关视频
相关知识
最新评论

jQuery jQuery.cssHooks 方法

定义和用法

$.cssHooks 提供了一种方法通过定义函数来获取和设置特定的CSS值。

注意

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

语法

$.cssHooks

实例

<script>
$(function ($) { 
	//首先检查jquery版本是否支持 cssHooks 
	if (!$.cssHooks){
	    //如果不支持输出错误提醒
	    throw(new Error("该功能需要jQuery版本大于或等于1.4.3"));
	}
	// 封装在Dom文档加载完毕的事件里, 要再这个时候写入cssHooks,避免该cssHooks在其他地方被重写
	$(function(){
		$.cssHooks.height = {
			get: function( elem, computed, extra ) {
                // 处理获取该CSS属性
			},set: function( elem, value ) {
                // 处理设置CSS属性
				alert('执行处理');
			}
		};
		$('body').css('height','100%');
	});
})(jQuery)
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

推荐手册

jQuery cssHooks 方法

实例