Phương thức prepend() trong jQuery
1) Phương thức prepend() trong jQuery
- Phương thức prepend() dùng để thêm nội dung vào vị trí đầu tiên bên trong phần nội dung của phần tử được chọn.
Ví dụ:
- Thêm nội dung - Tài liệu học vào vị trí đầu tiên bên trong phần nội dung của tất cả các phần tử <p> khi người dùng click vào một nút.
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").prepend("- Tài liệu học ");
});
});
</script>
Xem ví dụ
- Gợi ý: Để thêm nội dung vào vị trí cuối cùng bên trong phần nội dung của tử được chọn thì ta dùng phương thức append()
2) Cách sử dụng phương thức prepend() trong jQuery
- Để sử dụng phương thức prepend(), ta dùng cú pháp như sau:
$(selector).prepend(content);
- Dưới đây là bảng mô tả ý nghĩa & cách sử dụng các tham số trong phương thức prepend():
Tham số | Yêu cầu | Mô tả ý nghĩa & cách sử dụng |
---|---|---|
content | Bắt buộc | - Nội dung mà bạn muốn thêm vào. - Nội dung đó có thể là:
|
3) Một số ví dụ
Ví dụ:
<script>
$(document).ready(function(){
$("button").click(function(){
$("ul").prepend("<li>Tài liệu học HTML</li>");
});
});
</script>
Xem ví dụ