【jQuery】parseInt()でCSSの属性値を数値で取得できるか？
jQuery(バージョン1.3.2)において、数値で取得できるのではないかと見込まれる
CSSの属性値を、本当に数値で取得できるのかを様々なブラウザで検証してみました。
parseInt($(要素).css(プロパティ名))
【結果】
CSSをユーザー側で設定していないデフォルトの状態の場合、正しく
数値で取得できるCSSの属性値は、現在判明しているところでは
以下のとおりです。
| プロパティ名 | IE8 | Firefox3.5 | Chrome3.0 | Safari4.0 | Opera10.0 |
|---|---|---|---|---|---|
| border-top-width | NaN | 0 | 0 | 0 | 0 |
| border-bottom-width | NaN | 0 | 0 | 0 | 0 |
| border-left-width | NaN | 0 | 0 | 0 | 0 |
| border-right-width | NaN | 0 | 0 | 0 | 0 |
| font-size | 16 | 16 | 16 | 16 | 16 |
| letter-spacing | NaN | NaN | NaN | NaN | 0 |
| line-height | NaN | 19 | NaN | NaN | NaN |
| margin-top | NaN | 0 | 0 | 0 | 0 |
| margin-bottom | NaN | 0 | 0 | 0 | 0 |
| margin-left | NaN | 0 | 0 | 0 | 0 |
| margin-right | NaN | 0 | 0 | 0 | 0 |
| padding-top | 0 | 0 | 0 | 0 | 0 |
| padding-bottom | 0 | 0 | 0 | 0 | 0 |
| padding-left | 0 | 0 | 0 | 0 | 0 |
| padding-right | 0 | 0 | 0 | 0 | 0 |
| text-indent | 0 | 0 | 0 | 0 | 0 |
| word-spacing | NaN | NaN | 0 | 0 | 0 |
| z-index | NaN | NaN | NaN | NaN | NaN |
【検証ページ】
下記のページを、さまざまなブラウザで開いてみてください。
http://www.usamimi.info/~sutara/sample/jq_css_test01.html
ちなみに、ユーザー側で数値の属性値を設定すれば、どのブラウザでも、
どのプロパティでも、数値で取得できます。
検証ページで確認してみてください。
なお、SarariとChromeでは、『position』を『static』以外に
設定していないと、たとえ『z-index』に整数値を設定していても
『auto』と認識されてしまうようです。
