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',
- chúng ta sẽ ghi chuỗi 'www')'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:
<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:
alert($('#test').attr('value')); // sẽ hiển thị '!!!'
Lấy nội dung của thuộc tính
src của hình ảnh thông qua id của nó,
bằng
www.
Lấy thuộc tính href của liên kết,
chứa trong phần tử có lớp www.
Lấy nội dung của thuộc tính src
của tất cả hình ảnh trên trang và lần lượt
hiển thị chúng.
Lấy thuộc tính href của tất cả liên kết và
lần lượt hiển thị chúng.