天天看點

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相關部分,裡面有部分參數、邏輯還有待了解

繼續閱讀