Các phương thức Atribute trong jQuery
Bảng sau liệt kê một số phương thức hữu ích mà bạn có thể sử dụng để thao tác các thuộc tính.
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 so khớp.

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 so khớp.

3 removeAttr( name )

Gỡ bỏ một thuộc tính từ mỗi phần tử được so khớp.

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 so khớp.

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 so khớp

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 so khớp.

8 html( val )

Thiết lập các nội dung HTML của mỗi phần tử được so khớp.

9 text( )

Nhận nội dung text tổ hợp của tất cả các phần tử được so khớp

10 text( val )

Thiết lập nội dung text của tất cả phần tử được so khớp

11 val( )

Nhận giá trị đầu vào của phần tử đầu tiên được so khớp

12 val( val )

Thiết lập giá trị thuộc tính tới mỗi phần tử được so khớp 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 so khớp 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 so khớp 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.

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.

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 so khớp.

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> so khớp.

10 $("p").html()

Phương thức này trả về nội dung HTML của tất cả đoạn văn so khớp

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> so khớp thành Hello 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()

Nhận giá trị đầu tiên từ một tập hợp các nút radio.

14 $("button").val("Hello")

Thiết lập thuộc tính giá trị của mỗi phần tử <button> được so khớp.

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.

Bài viết cùng danh mục

Chăm sóc chậu hoa lan
Chia sẻ Vị sư già trồng một chậu lan. Ông chăm sóc chậu hoa đẹp rất cẩn thận, ngày ngày nhổ cỏ và tưới nước cho cây. Một lần có việc phải ra ngoài, ông giao chậu lan cho một tiểu hòa thượng nhờ chăm sóc. Nghe lời dặn của sư phụ, tiểu hòa thượng rất chăm chút cho cây lan. Cây hoa cũng rất phát triển.
Điều nên làm sau khi ăn để tránh béo bụng
Chia sẻ Một số người sau khi ăn thường có thói quen uống một tách trà hoặc đi ngủ ngay sau đó. Thực tế đây là những thói quen lợi ít hại nhiều vì chúng cản trở hệ tiêu hóa.
Giảm cân an toàn với bột gạo lứt
Chia sẻ Giảm cân bằng gạo lứt luôn là phương pháp hữu dụng mang lại hiệu quả nhanh và bền vững. Bởi thành phần chính là chất xơ cao hơn gạo bình thường gấp 2 lần, nên khi ăn gạo lứt quá trình tiêu hóa của bạn sẽ chậm hơn và cũng làm cho dạ dày có cảm giác no lâu hơn.
Nguyên tắc chăm sóc da vùng chữ T luôn sạch dầu
Chia sẻ Khu vực chữ T quanh mũi này có nhiều tuyến nhờn hơn, khiến bụi bẩn dễ dồn ứ gây tắc lỗ chân lông, cộng với việc những lớp tế bào chết liên tục tạo thành mỗi ngày che lấp làm da thêm xỉn màu và bị nhờn bóng.
In bài viết Bí quyết để sở hữu vẻ đẹp không son phấn
Chia sẻ Chẳng cần tốn thời gian hay tiền bạc để đổ vào make up, chị em phụ nữ hoàn toàn có thể trở nên xinh đẹp nhờ vào loạt bí kíp đơn giản sau.