Sử dụng các thuộc tính trong jQuery

.addClass() : Thêm các Class xác định (các) cho mỗi tập hợp các phần tử phù hợp.

Điều quan trọng cần lưu ý rằng phương pháp này không thay thế một Class. Nó chỉ đơn giản là bổ sung thêm các Class, gắn thêm nó cho bất kỳ trong đó có thể đã được giao cho các phần tử.

Class nhiều hơn một có thể được thêm vào một thời điểm, cách nhau bằng khoảng một, với tập hợp các phần tử phù hợp, như sau:

$("p").addClass("myClass yourClass");

Ở đây, các lớp myClass và noClass được loại bỏ khỏi tất cả các khoản, trong khi yourClass được thêm vào.

$("p").removeClass("myClass noClass").addClass("yourClass");

Ví dụ: Thêm lớp "Selected" cho các phần tử phù hợp.

     

     

    

Hello

    

and

    

Goodbye

    

.attr() : Nhận được giá trị của một thuộc tính cho các phần tử đầu tiên trong tập hợp của các phần tử phù hợp.

Phương pháp .attr() này nhận các giá trị thuộc tính của phần tử duy nhất đầu tiên trong tập hợp xuất hiện. Để có được giá trị cho từng phần tử riêng lẻ, sử dụng cấu trúc như jQuery là các method .each() or .map()

Sử dụng .attr() jQuery là method cho giá trị của một phần tử là thuộc tính có hai lợi ích chính:

Phương thức .attr() trả về không xác định cho giá trị của một thuộc tính mà chưa được thiết lập.

1. Thuận tiện: Nó có thể được gọi trực tiếp trên một đối tượng jQuery và chained với các method jQuery khác.

2. Cross-browser thống nhất: Một số thuộc tính có tên không phù hợp từ trình duyệt đến trình duyệt. Hơn nữa, các giá trị của một số thuộc tính được báo cáo không nhất quán giữa các trình duyệt, và thậm chí cả trên các phiên bản của một trình duyệt duy nhất. Các .attr() phương pháp làm giảm mâu thuẫn như vậy.

3. Ghi chú thêm: Đối với các thuộc tính mà mirror properties trên phần tử DOM cụ thể (ví dụ các thuộc tính kiểm tra trên checkbox), sẽ trả về một giá trị không xác định. Các Cross-browser tiếp cận cho đề nghị xử lý cho kiểm tra giá trị falsy sử dụng if ($(elem).attr('src')) hơn là kiểm tra của các giá trị cụ thể.

Ví dụ : Tìm các thuộc tính tiêu đề của đầu tiên trong trang.

Once there was a large dinosaur...

The title of the emphasis is:

.hasClass() : Xác định xem liệu các phần tử phù hợp được giao cho Class.

Các method .hasClass() này sẽ trả về true nếu có lớp chỉ định cho một phần tử, ngay cả nếu có các lớp khác cũng được. Ví dụ, với HTML ở trên, sau đây sẽ trở lại đúng:

$('#mydiv').hasClass('foo')

có thể dùng :

$('#mydiv').hasClass('bar')

Ví dụ: Tìm những đoạn văn có chứa 'Selected' như một class.

This paragraph is black and is the first paragraph.

This paragraph is red and is the second paragraph.

First paragraph has selected class:

Second paragraph has selected class:

At least one paragraph has selected class:

.html() : Nhận được nội dung HTML của phần tử đầu tiên trong tập hợp của các phần tử phù hợp.

Trong một tài liệu HTML,.html() có thể được sử dụng để có được nội dung của các phần tử bất kỳ. Nếu biểu thức chọn phù hợp với nhiều hơn một phần tử, chỉ có phù hợp đầu tiên sẽ có nội dung HTML của nó trở lại. Hãy xem xét mã này:

$('div.demo-container').html();

Để cho các

sau đây là nội dung được lấy ra, nó sẽ phải là một trong những lần đầu tiên với Class = "container-demo" trong tài liệu này:

    

Demonstration Box

Kết quả sẽ trả về như sau:

Demonstration Box

.removeAttr() : Hủy bỏ một thuộc tính của mỗi phần tử trong tập hợp của các phần tử phù hợp.

.removeClass() : Hủy bỏ một Class duy nhất, nhiều lớp, hoặc tất cả các lớp từ mỗi phần tử trong tập hợp của các phần tử phù hợp.

.toggleClass() : Thêm hoặc loại bỏ một hoặc nhiều lớp học từ mỗi phần tử trong tập hợp của các phần tử phù hợp, tùy thuộc vào sự hiện diện của lớp hoặc giá trị của tham số chuyển đổi.

.val() : Nhận được giá trị hiện tại của phần tử đầu tiên trong tập hợp của các phần tử phù hợp.