jQuery jQuery.cssHooks 方法

jQuery 教程 · 2019-03-27 21:56:54

实例

定义一个新的css hook

$(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)

定义和用法

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


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

语法

$.cssHooks

点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html

查看所有标签

文明之光(第二册)

文明之光(第二册)

吴军 / 人民邮电出版社 / 2014-6 / 59.00元

【《文明之光》系列荣获由中宣部、中国图书评论学会和中央电视台联合推选的2014“中国好书”奖】 吴军博士从对人类文明产生了重大影响却在过去被忽略的历史故事里,选择了有意思的几十个片段特写,以人文和科技、经济结合的视角,有机地展现了一幅人类文明发展的宏大画卷。 《文明之光 》系列大致按照从地球诞生到近现代的顺序讲述了人类文明进程的各个阶段,每个章节相对独立,全景式地展现了人类文明发展历程......一起来看看 《文明之光(第二册)》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具