jQuery.cssHooks的功能实例测试

这篇文章主要介绍“jQuery.cssHooks的功能实例测试”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jQuery.cssHooks的功能实例测试”文章能帮助大家解决问题。

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、做网站、杭锦后网络推广、重庆小程序开发、杭锦后网络营销、杭锦后企业策划、杭锦后品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供杭锦后建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

Feature Testing(功能测试)

在使供应商特定的CSS属性标准化前,首先要确定浏览器是否支持标准的属性 或 带浏览器供应商前缀的变种。例如,检查支持border-radius 属性,还要检查该属性的任何变种写法是否是临时元素的 style 对象中的成员。

(function($) {

  function styleSupport( prop ) {

    var vendorProp, supportedProp,

        // capitalize first character of the prop to test vendor prefix

        capProp = prop.charAt(0).toUpperCase() + prop.slice(1),

        prefixes = [ "Moz", "Webkit", "O", "ms" ],

        div = document.createElement( "div" );

    if ( prop in div.style ) {

      // browser supports standard CSS property name

      supportedProp = prop;

    } else {

      // otherwise test support for vendor-prefixed property names

      for ( var i = 0; i < prefixes.length; i++ ) {

        vendorProp = prefixes[i] + capProp;

        if ( vendorProp in div.style ) {

          supportedProp = vendorProp;

          break;

        }

      }

    }

    // avoid memory leak in IE

    div = null;

    // add property to $.support so it can be accessed elsewhere

    $.support[ prop ] = supportedProp;

    return supportedProp;

  }

  // call the function, e.g. testing for "border-radius" support:

  styleSupport( "borderRadius" );

})(jQuery);

关于“jQuery.cssHooks的功能实例测试”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


文章名称:jQuery.cssHooks的功能实例测试
分享地址:http://scyanting.com/article/iishgi.html