怎么创建自己的cssHook

发布时间:2022-03-11 15:53:49 作者:iii
来源:亿速云 阅读:146

本篇内容主要讲解“怎么创建自己的cssHook”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么创建自己的cssHook”吧!

  jQuery.cssHooks

  描述: 直接向 jQuery 中添加钩子,用于覆盖设置或获取特定 CSS 属性时的方法,目的是为了标准化 CSS 属性名或创建自定义属性。

  添加的版本: 1.4.3jQuery.cssHooks

  $.cssHooks 对象提供了一种方法通过定义函数来获取和设置特定的CSS值的方法。  它也可以被用来创建新的cssHooks以标准化CSS3功能,如框阴影和渐变。

  例如,某些版本基于Webkit的浏览器需要-webkit-border-radius属性来设置元素的border-radius,而早期的Firefox版本使用-moz-border-radius属性。一个CSS hook 可以标准化这些供应商前缀的属性,让.css() 接受一个单一的,标准的属性的名称(border-radius,或用DOM属性的语法,borderRadius)。

  除了提供了对特定样式的处理可以采用更加细致的控制外,  $.cssHooks也扩展了.animate() 方法上可用的属性。

  定义一个新的css hook十分简单。下面的模板可以方便您创建自己的 cssHook:

  (function($) {

  // first, check to see if cssHooks are supported

  if ( !$.cssHooks ) {

  // if not, output an error message

  throw("jQuery 1.4.3 or above is required for this plugin to work");

  return;

  }

  // Wrap in a document ready call, because jQuery writes

  // cssHooks at this time and will blow away your functions

  // if they exist.

  $(function () {

  $.cssHooks["someCSSProp"] = {

  get: function( elem, computed, extra ) {

  // handle getting the CSS property

  },

  set: function( elem, value ) {

  // handle setting the CSS value

  }

  };

  });

  })(jQuery);

到此,相信大家对“怎么创建自己的cssHook”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. gitlab创建创建分支
  2. oracle包的创建

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

上一篇:CSS怎么让一个不定宽高的p垂直水平居中

下一篇:怎么用css transition属性实现一个带动画显隐的微信小程序部件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》