jQuery Tài liệu thao tác - phương pháp html()

jQuery Hướng dẫn hiệu ứng

Mô hình

Thiết lập nội dung của tất cả các phần tử p:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Thử ngay

Định nghĩa và cách sử dụng

Phương pháp html() trả về hoặc thiết lập nội dung của phần tử được chọn (inner HTML).

Nếu phương pháp này không thiết lập tham số, nó sẽ trả về nội dung hiện tại của phần tử được chọn.

Trả về nội dung phần tử

Khi sử dụng phương pháp này để trả về một giá trị, nó sẽ trả về nội dung của phần tử đầu tiên khớp.

Cú pháp

$(selector).html()

Thử ngay

Thiết lập nội dung phần tử

Khi sử dụng phương pháp này để thiết lập một giá trị, nó sẽ thay thế nội dung của tất cả các phần tử khớp.

Cú pháp

$().html(content)

Thử ngay

Tham số Mô tả
content - Tùy chọn. Định nghĩa nội dung mới của phần tử được chọn. Tham số này có thể chứa thẻ HTML.

Sử dụng hàm để thiết lập nội dung của phần tử

Sử dụng hàm để thiết lập nội dung của tất cả các phần tử khớp.

Cú pháp

$().html(function(index,oldcontent))

Thử ngay

Tham số Mô tả
function(index,oldcontent)

Định nghĩa một hàm trả về nội dung mới của phần tử được chọn.

  • index - Tùy chọn. Nhận vị trí index của bộ lọc.
  • oldcontent - Tùy chọn. Nhận nội dung hiện tại của bộ lọc.

jQuery Hướng dẫn hiệu ứng