Trong CSS, bạn có thể chọn tất cả
các phần tử trên trang với cái này:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
Trong jQuery, bạn có thể sử dụng bộ chọn chính xác đó.
$("h1") // set of all
elements
Trên thực tế, bạn có thể sử dụng bất kỳ bộ chọn CSS nào (ngay cả bộ chọn CSS3) trong jQuery. Trong video màn hình này, chúng tôi thậm chí đã sử dụng bộ chọn: thứ n-of-type để chọn thuật ngữ định nghĩa thứ hai trong danh sách định nghĩa:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Phương thức .html () là một phương thức hữu ích. Nó cho phép bạn thay đổi (hoặc lấy) “innerHTML” của một phần tử. Như trong, không phải bản thân phần tử, mà là mọi thứ bên trong nó. Bạn có thể nói “gan ruột”. Nó tương tự như phương thức .text (), nhưng text () theo nghĩa đen chỉ dành cho văn bản. Nó sẽ không trả về HTML thực từ bên trong phần tử. Vì vậy, nếu là "ruột" Some text, nó sẽ chỉ trả về "Một số văn bản". Đặt văn bản với nó sẽ thoát khỏi bất kỳ HTML nào bạn đưa vào, nghĩa là bạn sẽ thấy “” theo đúng nghĩa đen. Việc lấy văn bản với nó cũng là duy nhất, vì nếu bạn chọn nhiều phần tử, nó sẽ trả về văn bản kết hợp từ tất cả chúng, điều này là duy nhất trong jQuery. Trong các trường hợp khác khi bạn “lấy” một giá trị từ một phương thức, nó sẽ trả về giá trị từ giá trị đầu tiên trong tập hợp. Like .height()sẽ chỉ trả về chiều cao từ phần tử đầu tiên trong tập hợp.
Xem Pen eab1c311dd6e399a2006f1694bbbe051 của Chris Coyier (@chriscoyier) trên CodePen