2009-05-28 2 views
1

Один из самых мощных вещей JQuery, чтобы выбрать любой элемент на странице, как это:Как вернуть атрибуты css элемента с помощью jQuery?

$(".block").css("border","3px solid red"); 

Как можно также получить значения выбранных элементов, как ширина высота и в левом верхнем углу смещения?

+0

мне нужно перебирать более одного элемент между прочим? – Sulaiman

+2

Для итерации вы можете использовать jQuery «каждый». http://docs.jquery.com/Core/each#callback – Nosredna

+0

Заголовок вопроса не имеет смысла («Как вернуть ...»), несмотря на то, что он был отредактирован. Как изменить заголовок вопроса? (Или у меня еще нет достаточно высокой оценки репутации?) – Nosredna

ответ

2

Использование width, height и position или offset:

var elem = $(".block"); 
var elemWidth = elem.width(); 
var elemHeight = elem.height(); 
var elemPosition = elem.position(); 
var elemOffset = elem.offset(); 

Для дальнейших вопросов, сначала посмотрим на jQuery documentation.

1
var height = $(".block").css("height"); 
alert(height); 
0

Попробуйте это:

$(".block").css("border","3px solid red").offset().top 
$(".block").css("border","3px solid red").offset().left 

CSS/offset() в JQuery

0

Как @Gumbo сказал да, вы можете получить высоту и положение. Если вы заинтересованы в других CSS атрибутов вы получаете значение, как это:

var border = $(".block").css("border") 

Но по высоте и ширине вы лучше использовать высоту() и ширину() функции

Смежные вопросы