Phương thức attr[]cho phép bạn lấy giá trị của một thuộc tính bất kỳ của phần tử HTML.
Cú pháp:
$[Bộ_chọn].attr[ "Tên_thuộc_tính"]; //Lấy giá trị của thuộc tính
$[Bộ_chọn].attr[ "Tên_thuộc_tính","Giá_trị"]; //Đặt giá trị cho thuộc tính
Ví dụ:Ví dụ này sẽ demo cách dùng phương thức attr[] để lấy giá trị của thuộc tính href của phần tử .
$[function[]{
$["#input"].click[function[]{
alert["Giá trị của thuộc tính href:\n" + $["#a2"].attr["href"]];
$["#a2"].html[" //v1study.com"];
$["#a2"].attr["href", "//v1study.com"];
alert["Sau khi đặt lại giá trị cho thuộc tính href:\n" + $["#a2"].attr["href"]];
}];
}];
Ví dụ dưới đây bạn sẽ thấy phương thức attr[] có thể đặt cùng lúc nhiều giá trị cho nhiều thuộc tính của phần tử HTML.
Ví dụ:
$[function[]{
$["input"].click[function[]{
$["#a"].text[ "//v1study.com"];
$["#a"].attr[{
"href":"//v1study.com",
"title":"v1study.com"
}];
}];
}];
href hiện tại: //demo.v1study.com
Bạn hãy chạm vào link để thấy title hiện tại.
Tạo hàm callback cho phương thức attr[]
Cú pháp:
$[Bộ_chọn].attr[ "Tên_thuộc_tính", function[Chỉ_mục,Giá_trị_cũ]{
return Giá_trị_mới;
}];
Ví dụ:
$[function[]{
$["input"].click[function[]{
$["#a"].attr["href", function[i,oldvalue]{
alert['Giá trị cũ: ' + oldvalue];
$[this].text[ "//v1study.com"];
return "//v1study.com";
}];
}];
}];
href hiện tại: //demo.v1study.com