本文围绕着 jquery 如何对 css 属性进行读取和设置这个主题,以 MDN/MSDN 文档,以及其它优秀的博文作为参考,对 jquery 1.6.3 中相关的关键性兼容问题做出分析。
本文中出现的重要概念有 initial value , specified value , computed value , used value , actual value。重要函数和变量有: getComputedStyle , currentStyle , style , pixelLeft .?
按照CSS2标准的解说,浏览器一旦创建了文档树,则它必须为每个元素的每个属性赋一个值。最终值是由以下四步计算得到:1)获得 specified value 2)把 specified value解析成可以用于继承的 computed value 3)如果需要,把 computed value 转化成 used value 4)把 used value 转化成适应本地环境的 actual value。
元素的 css 属性的 initial value 该 css 属性的属性,存在于 css 属性的定义中。对于任意元素的非继承性 css 属性,只要不对该属性显式赋值(通过样式表/js等),则该属性值取值为 initial value;对于继承性 css 属性,并且属性未被赋值,则根元素会使用 initial value,其它的则按照继承规则继承自祖先节点。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery