购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery cssHooks 方法

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>

运行实例 »

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

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号