Как мы можем вернуть атрибуты css элемента с помощью jQuery?

Question

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

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

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

Answer 1

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

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

Для дальнейших вопросов, сначала загляните в документацию jQuery .

Answer 2

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

Answer 3

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

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

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

Answer 4

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

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

CSS / смещение () в JQuery