jqm源码之propExists

iteye_2245

于 2013-01-24 15:15:09 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery Mobile 文章标签： propExists jqm

本文链接：https://blog.youkuaiyun.com/iteye_2245/article/details/82474422

jQuery Mobile 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了 jQuery 中的 propExists 方法，该方法用于检测浏览器是否支持指定的 CSS 属性。通过创建一个临时的 body 对象并检查其 style 属性来实现这一目的。文中详细解释了 propExists 函数的工作原理及其实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jqm源码系列之propExists

//创建的一个body的jQuery对象
var fakeBody  = $("<body>").prependTo("html"),
      //body的style对象
      fbCSS = fakeBody[0].style,
      vendors = ["Webkit","Moz","O"];


/*
 * @name propExists
 * @param prop
 * @info 判断给定的参数是否支持，其实比较的是body对象的style对象是否含有
*/
function propExists(prop){
      //假设prop为boxShadow,uc_prop就为BoxShadow
      var uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1),
           
            //vendors.join(uc_prop + " ")  返回的是"WebkitBoxShadow MozBoxShadow O"
            //props为["boxShadow","WebkitBoxShadow","MozBoxShadow","OBoxShadow","BoxShadow"]
            props = (prop + " " + vendors.join(uc_prop + " ") + uc_prop).split("");
       //v从0开始，props是一个长度为4的数组 
       for(var v in props){
           //有就返回true
            if(fbCSS[props[v]] !== undefined){
                    return true;
            }
       }
}