jQuery操作 thuộc tính - phương pháp attr()

Mẫu

Thay đổi thuộc tính width của hình ảnh:

$("button").click(function(){
  $("img").attr("width","180");
});

Thử ngay

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

Phương pháp attr() thiết lập hoặc trả về giá trị thuộc tính của phần tử được chọn.

Tùy thuộc vào các tham số khác nhau của phương pháp này, cách hoạt động của nó cũng khác nhau.

Trả về giá trị thuộc tính

Trả về giá trị thuộc tính của phần tử được chọn.

Cú pháp

$(ký hiệu chọn).attr(thuộc tính)
Tham số Mô tả
thuộc tính Định nghĩa thuộc tính cần lấy giá trị.

Thử ngay

Đặt thuộc tính/giá trị

Đặt thuộc tính và giá trị cho phần tử được chọn.

Cú pháp

$(ký hiệu chọn).attr(thuộc tính,giá trị)
Tham số Mô tả
thuộc tính Định nghĩa tên thuộc tính.
giá trị Định nghĩa giá trị thuộc tính.

Thử ngay

Sử dụng hàm để đặt thuộc tính/giá trị

Đặt thuộc tính và giá trị cho phần tử được chọn.

Cú pháp

$(ký hiệu chọn).attr(thuộc tính,function(index,oldvalue))
Tham số Mô tả
thuộc tính Định nghĩa tên thuộc tính.
function(index,oldvalue)

Định nghĩa hàm trả về giá trị thuộc tính.

Hàm này có thể nhận và sử dụng giá trị index của ký hiệu chọn và giá trị thuộc tính hiện tại.

Thử ngay

Đặt nhiều thuộc tính/giá trị

Đặt một số thuộc tính và giá trị cho phần tử được chọn.

Cú pháp

$(ký hiệu chọn).attr({thuộc tính:giá trị, thuộc tính:giá trị ...})
Tham số Mô tả
thuộc tính:giá trị Định nghĩa một hoặc nhiều thuộc tính/giá trị.

Thử ngay