Attr jQuery là gì
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(" http://v1study.com"); $("#a2").attr("href", "http://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( "http://v1study.com"); $("#a").attr({ "href":"http://v1study.com", "title":"v1study.com" }); }); }); href hiện tại: http://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( "http://v1study.com"); return "http://v1study.com"; }); }); }); href hiện tại: http://demo.v1study.com |