2018-02-02-jquery-js-带厂商前缀的样式属性
2018-02-02 23:25
260 查看
经常在页面调试的时候看到指定浏览器才有的样式。
* -webkit-property-name: value;
* -moz-property-name: value;
* -ms-property-name: value;
* -o-peoperty-name: value;
* property-name: value;
如果在js中设置这些属性,需要检测它们在DOM中是否存在,从propertyName到WebKitPropertyName…都要检测。但在jQuery中我们可以使用标准的属性名,比如:.css(‘propertyName’, ‘value’),如果样式对象中不存在这个属性,jQuery就会依次检测所有带前缀(Webkit,o,Moz,ms)的属性,然后使用第一个找到的那个属性。
带厂商前缀的样式属性
浏览器厂商在引入实验性的样式属性时,通常会在实现达到css规范要求之前,在属性名前添加一个前缀。等到实现和规范都稳定之后,这些属性的前缀就会被去掉,让开发人员使用标准的名称。因此我们经常看到类似下面的css声明:* -webkit-property-name: value;
* -moz-property-name: value;
* -ms-property-name: value;
* -o-peoperty-name: value;
* property-name: value;
如果在js中设置这些属性,需要检测它们在DOM中是否存在,从propertyName到WebKitPropertyName…都要检测。但在jQuery中我们可以使用标准的属性名,比如:.css(‘propertyName’, ‘value’),如果样式对象中不存在这个属性,jQuery就会依次检测所有带前缀(Webkit,o,Moz,ms)的属性,然后使用第一个找到的那个属性。
相关文章推荐
- js、jquery获取、设置元素属性与样式
- jQ基础篇--用jQuery操作元素的属性与样式
- 如何使用jquery修改css中带有!important的样式属性
- js和JQuery中offset等属性对比
- jQuery基础(样式篇,DOM对象,选择器,属性样式)
- Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式
- 跟我学jquery(四)JQuery框架操作元素的属性与样式 .
- JS(四)DOM模型之属性样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式【转】
- jQuery之dom操作(属性、样式操作)
- jquery属性的相关js实现方法
- jQuery中attr()设置属性,css()设置style里的样式
- JS/jQuery 遍历对象属性
- 用css定义一个div,如何用js取得样式的属性呢?
- 使用jquery删除css属性或样式
- Vuejs——(3)计算属性,样式和类绑定
- Require Js jQuery获取表格的样式及数据的方法
- 如何使用jquery修改css中带有!important的样式属性
- 使用jquery修改css中带有!important的样式属性
- js获取指定节点对象的样式属性的值的封装函数(兼容ie、Opera和符合w3c标准浏览器)