Làm việc với thuộc tính trong jQuery

Bây giờ chúng ta sẽ học cách đọc, thêm và thay đổi các thuộc tính của thẻ HTML thông qua jQuery. Tất cả điều này được thực hiện bằng phương thức attr. Nó hoạt động tương tự như phương thức html - tùy thuộc vào số lượng tham số, nó sẽ đọc hoặc thay đổi giá trị của thuộc tính.

Tham số đầu tiên của attr nhận tên thuộc tính, và tham số thứ hai - giá trị mới của nó. Ví dụ, như thế này - .attr('value', 'www') - chúng ta sẽ ghi chuỗi 'www' vào thuộc tính value.

Nếu gọi attr với một tham số, nó sẽ trả về giá trị của thuộc tính mà tên của nó được chỉ định trong tham số đầu tiên. Ví dụ, như thế này - .attr('value') - chúng ta sẽ nhận được giá trị của thuộc tính value.

Trong ví dụ tiếp theo, chúng ta có một ô nhập liệu:

html<input type="text" value="!!!" id="test">

Tiếp theo, chúng ta lấy ô nhập liệu theo id của nó và hiển thị giá trị của thuộc tính value của nó lên màn hình:

javascriptalert($('#test').attr('value')); // sẽ hiển thị '!!!'