天天看点

jQuery源码-CSS样式相关部分

jquery版本:1.7.2

因实际工作中暂时没有用到jquery,故对jquery了解很粗浅,文章可能有错漏之处,敬请见谅并指出

本文参考借鉴了nuysoft 的jquery源码分析系列,挺不错的系列文章,推荐下:

<a href="http://www.cnblogs.com/nuysoft/archive/2011/11/14/2248023.html">http://www.cnblogs.com/nuysoft/archive/2011/11/14/2248023.html</a>

jquery里节点样式读取以及设置都是通过.css()这个方法来实现的,本章通过以下三个部分简单探究下jquery里这部分代码的实现

<a href="http://www.cnblogs.com/chyingp/archive/2012/08/12/jquery-css.html#howtouse">方法使用</a>

<a href="http://www.cnblogs.com/chyingp/archive/2012/08/12/jquery-css.html#codeoverview">源码概览</a>

<a href="http://www.cnblogs.com/chyingp/archive/2012/08/12/jquery-css.html#codeanalyze">源码解析</a>

(1)读取样式:

 (2)设置演示:

.css(propertyname, value)  //用法2

.css(propertyname, function(index, oldvalue))  //用法3

.css(map)  //用法4

首先看下面几个例子:

主要代码:

其他相关:

相关正则:

jquery.access  //jquery.fn.css内部调用的,完成样式的读取、设置

备注:此方法在多处用到,此处只分析css相关部分,里面有部分参数、逻辑还有待了解

继续阅读