小白教程
所有教程
关于
Search
172.70.126.240
172.70.126.240
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Html csshooks”的源代码
本页内容
上一节:
Html_escapeSelector
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:$.cssHooks}}[[Category:jquery ref html|43]] = jQuery jQuery.cssHooks 方法 = [[jquery ref html|jQuery HTML/CSS 方法]] 定义一个新的css hook <sample title="" desc="" lang="html" hererun="1"> $(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) </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <body> <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> </body> </html> </run> == 定义和用法 == $.cssHooks 提供了一种方法通过定义函数来获取和设置特定的CSS值。 '''注意:'''1. 它的目的是为了标准化 CSS 属性名或创建自定义属性。 2. 例如,某些版本基于Webkit的浏览器需要-webkit-border-radius属性来设置元素的border-radius, 而早期的Firefox版本使用-moz-border-radius属性。一个CSS hook 可以标准化这些有前缀的属性, 让.css() 接受一个单一的,标准的属性的名称(border-radius,或用DOM属性的语法,borderRadius)。 == 语法 == $.cssHooks == 更多实例 == [[try.php?filename=tryjquery_cssHooks1|测试浏览器供应商前缀的变种]] 在使供应商特定的CSS属性标准化前,首先要确定浏览器是否支持标准的属性或带浏览器供应商前缀的变种。 [[try.php?filename=tryjquery_cssHooks2|定义一个完整的css hook]] 定义一个完整的css hook。 [[jquery ref html|jQuery HTML/CSS 方法]]
返回至“
Html csshooks
”。
上一节:
Html_escapeSelector