Hướng dẫn prepend javascript
Show Định nghĩa và sử dụng
Cấu trúc.prepend(nội dung) $('div').prepend(' .prepend(nội dung)Html viết:
Hiển thị trình duyệt:Ban đầu nội dung chỉ có thành phần div, nhưng khi sử dụng prepend thì thành phần div được chèn thêm thành phần nội dung thêm vào So sánh code HTML trước và sau khi có jQuery:
Ví dụ thêmHtml viết:
Hiển thị trình duyệt:Ban đầu thành phần h3 nằm trong thành phần div ở vị trí bất kỳ, nhưng khi sử dụng prepend thì thành phần h3 được di chuyển ngay vị trí đầu tiên của thành phần div. So sánh code HTML trước và sau khi có jQuery:
.prepend(function(index){...})Html viết:
Hiển thị trình duyệt:Với cách sử dụng function như trên, ta đã thêm bên trong mỗi thành phần div lần lượt là thành phần p với nội dung được lấy từ tên class của thành phần div, các thành phần p này nằm ở vị trí đầu tiên trong thành phần div tương ứng. So sánh code HTML trước và sau khi có jQuery:
Định nghĩa và sử dụng
Cấu trúc
.prepend(nội dung) $('div').prepend('
.prepend(nội dung)Html viết:
Hiển thị trình duyệt:Ban đầu nội dung chỉ có thành phần div, nhưng khi sử dụng prepend thì thành phần div được chèn thêm thành phần nội dung thêm vào So sánh code HTML trước và sau khi có jQuery:
Ví dụ thêmHtml viết:
Hiển thị trình duyệt:Ban đầu thành phần h3 nằm trong thành phần div ở vị trí bất kỳ, nhưng khi sử dụng prepend thì thành phần h3 được di chuyển ngay vị trí đầu tiên của thành phần div. So sánh code HTML trước và sau khi có jQuery:
.prepend(function(index){...})Html viết:
Hiển thị trình duyệt:Với cách sử dụng function như trên, ta đã thêm bên trong mỗi thành phần div lần lượt là thành phần p với nội dung được lấy từ tên class của thành phần div, các thành phần p này nằm ở vị trí đầu tiên trong thành phần div tương ứng. So sánh code HTML trước và sau khi có jQuery:
|