如何使用jQuery從“ div”標簽的CSS中獲取值？

Question

例如：

<div id="h" style="background-image:url('images//line.jpg'); background-repeat: repeat-x; width:300px; height:25px; padding-left:10px; color:white;">Frame</div>

現在，我想使用jQuery從style中獲取width的值。 jQuery應該是什么。

Answer 1

$('#h').width()   //  from jQuery dimensions (core)

要么

$('#h').css('width');

.width()返回計算出的寬度。 .css('width')只會返回您已寫入樣式的內容。 因此，通常來說，最好使用.width()除非您真的想知道實際值。

如果您需要元素的寬度更“詳細”，請從jQuery尺寸中.innerWidth()和.outerWidth()方法。 這些使用padding ， borders ， padding等計算寬度。

編號： .WIDTH（） ， 的.css（） ， .outerWidth（） ， .innerWidth（）

Answer 2

使用css方法：

$("#h").css("width");

使用css方法和width的屬性名稱將為您提供實際的css結果，如與width()並排的將給出無單位的結果。

從寬度文檔：

.css（width）和.width（）之間的區別在於，后者返回無單位像素值（例如400），而前者返回完整單位的值（例如400px）。

Answer 3

使用任一

$('#h').width();

要么

$('#h').css('width');

后者返回單位值（例如300px），前者只是一個值（300）。

參見jQuery Width（）API

Answer 4

css方法：

var width = $('#h').css('width');

Answer 5

您可以像這樣使用jQuery：

alert($("#h").css("width"));

要使用jQuery，請使用...

http://jsfiddle.net/WEWVp/