Thuộc tính trong jQuery
Các phương thức Atribute trong jQuery
STT Phương thức & Miêu tả
1 attr( properties )
Thiết lập một cặp đối tượng key/value như là các thuộc tính trên tất cả phần tử được kết nối.
http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Trang 32 2 attr( key, fn )
Thiết lập một thuộc tính đơn tới một giá trị được tính toán, trên tất cả phần tử được kết nối.
3 removeAttr( name )
Gỡ bỏ một thuộc tính từ mỗi phần tử được kết nối.
4 hasClass( class )
Trả về true nếu class đã cho là có mặt ở ít nhất một phần tử trong tập hợp các phần tử được kết nối.
5 removeClass( class )
Gỡ bỏ tất cả hoặc các class đã cho từ tập hợp các phần tử được kết nối
6 toggleClass( class )
Thêm class đã cho nếu nó không có mặt, gỡ bỏ class đã cho nếu nó có mặt
7 html( )
Nhận các nội dung HTML của phần tử đầu tiên được kết nối.
8 html( val )
Thiết lập các nội dung HTML của mỗi phần tử được kết nối.
9 text( )
Nhận nội dung text tổ hợp của tất cả các phần tử được kết nối
10 text( val )
http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Trang 33 11 val( )
Nhận giá trị đầu vào của phần tử đầu tiên được kết nối
12 val( val )
Thiết lập giá trị thuộc tính tới mỗi phần tử được kết nối nếu nó được gọi trên <input> nhưng nếu được gọi trên <select> với giá trị <option> được truyền thì khi đó option được truyền sẽ được chọn, nếu nó được gọi trên checkbox hoặc radiobox thì khi đó tất cả checkbox và radiobox kết nối sẽ được kiểm tra.
Ví dụ
Tương tự như cú pháp và các ví dụ ở trên, ví dụ sau sẽ giúp bạn hiểu hơn về sự sử dụng các phương thức Attribute đa dạng trong các tình huống khác nhau:
STT Phương thức & Miêu tả
1 $("#myID").attr("custom")
Phương thức này sẽ trả về giá trị của thuộc tính custom cho phần tử đầu tiên kết nối với id là myID.
2 $("img").attr("alt", "Sample Image")
Phương thức này thiết lập thuộc tính alt của tất cả các Image tới một giá trị "Sample Image" mới. (adsbygoogle = window.adsbygoogle || []).push({});
3 $("input").attr({ value: "", title: "Please enter a value" });
Thiết lập giá trị của tất cả phần tử <input> thành chuỗi trống, cũng như thiết lập The jQuery Example thành Please enter a value.
4 $("a[href^=http://]").attr("target","_blank")
Chọn tất cả link với một thuộc tính href bắt đầu với http:// và thiết lập thuộc tính target của nó là _blank.
http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Trang 34 5 $("a").removeAttr("target")
Phương thức này gỡ bỏ thuộc tính target của tất cả các link
6 $("form").submit(function() {$(":submit",this).attr("disabled", "disabled");});
Phương thức này sửa đổi thuộc tính "disabled" tới giá trị "disabled" trong khi click vào nút Submit.
7 $("p:last").hasClass("selected")
Trả về true nếu thẻ <p> cuối cùng có class là selected.
8 $("p").text()
Trả về chuỗi chứa nội dung text tổ hợp của tất cả phần tử <p> được kết nối.
9 $("p").text("<i>Hello World</i>")
Phương thức này sẽ thiết lập "<I>Hello World</I>" như là nội dung text của các phần tử <p> kết nối.
10 $("p").html()
Phương thức này trả về nội dung HTML của tất cả đoạn văn kết nối
11 $("div").html("Hello World")
Phương thức này sẽ thiết lập nội dung HTML của tất cả thẻ <div> kết nối thànhHello World.
12 $("input:checkbox:checked").val()
Nhận giá trị đầu tiên từ một checkbox đã checked
13 $("input:radio[name=bar]:checked").val()
http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Trang 35 14 $("button").val("Hello")
Thiết lập thuộc tính giá trị của mỗi phần tử <button> được kết nối.
15 $("input").val("on")
Phương thức này sẽ kiểm tra tất cả các nút radiobox hoặc checkbox mà giá trị của nó là "on".
16 $("select").val("Orange")
Phương thức này sẽ chọn tùy chọn Orange trong hộp dropdown các tùy chọn Orange, Mango và Banana.
17 $("select").val("Orange", "Mango")
Phương thức này sẽ chọn các tùy chọn Orange và Mango trong một hộp dropdown với các tùy chọn Orange, Mango và Banana.
Truy cập DOM trong jQuery (adsbygoogle = window.adsbygoogle || []).push({});