jQuery CSS 操作 - phương thức width()

Hướng dẫn tham khảo về操作 jQuery CSS

Ví dụ

Đặt chiều rộng của phần tử <p>:

$(".btn1").click(function(){
  $("p").width(200);
});

Thử ngay

Định nghĩa và cách sử dụng

Phương thức width() trả về hoặc đặt chiều rộng của phần tử khớp.

Trả về chiều rộng

Trả về chiều rộng của phần tử khớp đầu tiên.

Nếu không thiết lập tham số cho phương thức này, sẽ trả về chiều rộng của phần tử khớp bằng pixel.

Cú pháp

$(selector).width()

Thử ngay

Đặt chiều rộng

Đặt chiều rộng của tất cả các phần tử khớp.

Cú pháp

$(selector).width(length)
Tham số Mô tả
length

Tùy chọn. Quy định chiều rộng của phần tử.

Nếu không quy định đơn vị đo chiều dài, sẽ sử dụng đơn vị đo mặc định là px.

Thử ngay

Sử dụng hàm để đặt chiều rộng

Sử dụng hàm để đặt chiều rộng của tất cả các phần tử khớp.

Cú pháp

$(selector).width(function(index,oldwidth))
Tham số Mô tả
function(index,oldwidth)

Định nghĩa hàm trả về chiều rộng mới của phần tử được chọn.

  • index - tùy chọn. Chấp nhận vị trí index của bộ lọc
  • oldvalue - tùy chọn. Chấp nhận giá trị hiện tại của bộ lọc.

Thử ngay

Các ví dụ khác

Lấy chiều rộng của phần tử document và window
Sử dụng phương thức width() để lấy chiều rộng hiện tại của phần tử document và window.
Đặt chiều rộng bằng các giá trị em và %.
Đặt chiều rộng của phần tử bằng đơn vị độ dài được chỉ định.

Hướng dẫn tham khảo về操作 jQuery CSS