Phương thức jQuery prop ()
❮ Phương thức HTML / CSS jQuery
Thí dụ
Thêm và xóa thuộc tính có tên "color":
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
Định nghĩa và Cách sử dụng
Phương thức prop () đặt hoặc trả về các thuộc tính và giá trị của các phần tử đã chọn.
Khi phương thức này được sử dụng để trả về giá trị thuộc tính, nó sẽ trả về giá trị của phần tử được so khớp ĐẦU TIÊN.
Khi phương thức này được sử dụng để đặt các giá trị thuộc tính, nó sẽ đặt một hoặc nhiều cặp thuộc tính / giá trị cho tập hợp các phần tử đã so khớp.
Lưu ý: Phương thức prop () nên được sử dụng để truy xuất các giá trị thuộc tính, ví dụ: thuộc tính DOM (như tagName, nodeName, defaultChecked) hoặc các thuộc tính được tạo tùy chỉnh của riêng bạn.
Mẹo: Để truy xuất các thuộc tính HTML, hãy sử dụng phương thức attr () để thay thế.
Mẹo: Để xóa một thuộc tính, hãy sử dụng phương thức removeProp () .
Cú pháp
Trả lại giá trị của một thuộc tính:
$(selector).prop(property)
Đặt thuộc tính và giá trị:
$(selector).prop(property,value)
Đặt thuộc tính và giá trị bằng một hàm:
$(selector).prop(property,function(index,currentvalue))
Đặt nhiều thuộc tính và giá trị:
$(selector).prop({property:value, property:value,...})
Parameter | Description |
---|---|
property | Specifies the name of the property |
value | Specifies the value of the property |
function(index,currentvalue) | Specifies a function that returns the property value to set
|
Hãy tự mình thử - Ví dụ
prop () và attr () có thể trả về các giá trị khác nhau. Ví dụ này cho thấy sự khác biệt khi được sử dụng để trả về trạng thái "đã chọn" của hộp kiểm.
❮ Phương thức HTML / CSS jQuery