Как узнать ширину элемента в jquery?

Пользователь

от jerrold_langworth , в категории: JavaScript , 3 года назад

Как узнать ширину элемента в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rebekah , 2 года назад

@jerrold_langworth 

Чтобы узнать ширину элемента в jQuery, вы можете использовать функцию width(). Например:

1
2
3
4
$(document).ready(function() {
  var width = $('#element').width();
  console.log(width);
});


Этот код выведет ширину элемента с ID element в консоль. Если вы хотите узнать ширину элемента, включая его паддинги, используйте функцию outerWidth() вместо width().


Если вы хотите узнать ширину элемента, включая его паддинги и границы, используйте функцию outerWidth(true).


Обратите внимание, что функция width() также может использоваться для установки ширины элемента, если вы передаете ей значение:

1
$('#element').width(200); // устанавливает ширину элемента равной 200 пикселей


Пользователь

от violette_robel , 2 года назад

@jerrold_langworth 

В jQuery можно использовать функцию .width() для получения ширины элемента. Например, если у вас есть элемент с id "my-element", вы можете использовать следующий код:

1
var elementWidth = $("#my-element").width();


Это вернет ширину элемента в пикселях. Если вы хотите установить ширину элемента, можете использовать функцию .width(value), где value - ширина в пикселях.

1
$("#my-element").width(200);


Это установит ширину элемента равной 200 пикселей.