Как получить значение из css тега div с помощью jQuery?

Question

Ex:

<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. Что должно быть jQuery.

Answer 1

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

или

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

.width() возвращает ширину рассчитывается. .css('width') просто возвращает все, что вы написали в стиле. Поэтому в целом лучше придерживаться .width(), если вы действительно не хотите знать значение актуала.

Если вам нужна ширина элемента более подробно, ознакомьтесь с методами .innerWidth() и .outerWidth() из параметров jQuery. Те рассчитать ширину с padding, borders, padding т.д.

Ref .: .width(), .css(), .outerWidth(), .innerWidth()

Answer 2

Используйте css метод:

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

Используя метод CSS и имя свойства ширины даст вам фактический результат CSS, как соединенный с width(), который даст безразмерный результат.

Из width документов:

Разницы между .css (шириной) и .width() является то, что последним возвращает блок-меньше значения пикселя (например, 400) в то время как прежний возвращает значение с неповрежденными единицами (например, 400 пикселей).

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/