Ghi tập hợp các phần tử vào biến thông qua jQuery
Bạn có thể không xây dựng chuỗi $('.www').html('!!!'),
mà trước tiên ghi tập hợp các phần tử $('.www')
vào một biến (tôi đặt tên nó là elems),
và sau đó áp dụng phương thức
.html('!!!') cho biến này. Ví dụ, mã HTML của chúng ta trông như sau:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Và đây là mã được viết bằng JavaScript:
let elems = $('.www');
elems.html('!!!');
Có một quy ước nên sử dụng
để thuận tiện: tên biến chứa
bộ chọn jQuery được bao bọc thường
bắt đầu bằng ký hiệu đô la. Tức là trong trường hợp của chúng ta
cần dùng $elems, chứ không phải elems.
Nếu bạn thấy khó chịu với tên biến như vậy - $elems
- hãy lưu ý rằng ký hiệu đô la trong JavaScript là
một ký tự bình thường và có thể được sử dụng
ở bất cứ đâu. Thậm chí bạn có thể đặt tên hàm
chỉ gồm một ký tự $, như
được thực hiện trong jQuery và một số thư viện khác.
Vì vậy, một lần nữa - nếu bạn muốn ghi mảng jQuery vào một biến, thì biến đó thường bắt đầu bằng ký hiệu đô la. Điều này không bắt buộc, nhưng cho phép bạn hiểu ngay từ cái nhìn đầu tiên rằng biến này chứa một nhóm phần tử và tất cả các phương thức của jQuery đều có thể áp dụng cho biến này.
Hãy sử dụng điều này trong ví dụ của chúng ta với mã HTML dưới đây:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Đồng thời JavaScript trông như thế này:
let $elems = $('.www');
$elems.html('!!!');
Tương tự, để chèn văn bản có thể áp dụng
phương thức text:
$('.www').text('!!!');
Cho tất cả các phần tử h3 sử dụng phương thức text
đặt văn bản '!!!'.
