Hướng dẫn jquery html to text - jquery html thành văn bản

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học jQuery
• .text()

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

• .text() lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.

Cấu trúc

.text()

Lấy nội dung HTML của thành phần

$('div').text();

.text('Nội dung')Nội dung')

Gán nội dung HTML cho thành phần

$('div').text('Nội dung được thêm vào');

Bài học chỉ muốn cho bạn hiểu cách sử dụng

$('div').text('Nội dung được thêm vào');

0, muốn biết chi tiết hơn, bạn có thể xem chi tiết thêm tại phần tham khảo.

.text()

Html viết:

  
Thành phần span bên trong thành phần cha
  Click

Hiển thị trình duyệt:

Với cách sử dụng

$('div').text('Nội dung được thêm vào');

1 ta đã lấy nội dung text bên trong

$('div').text('Nội dung được thêm vào');

2.

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery - Khi click sẽ hiện thông báo
Thành phần span bên trong thành phần cha Click Click	Thành phần span bên trong thành phần cha Click Click

.text('Nội dung HTML')Nội dung HTML')

Html viết:

Hiển thị trình duyệt:

Với cách sử dụng

$('div').text('Nội dung được thêm vào');

1 ta đã lấy nội dung text bên trong

$('div').text('Nội dung được thêm vào');

2.

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery - Khi click sẽ hiện thông báo
Thành phần span bên trong thành phần cha Click	.text('Nội dung HTML')

• Trang chủ
• Ban đầu thành phần

  $('div').text('Nội dung được thêm vào');

  3 là thành phần rỗng, nhưng khi ta sử dụng

  $('div').text('Nội dung được thêm vào');

  4 thì thành phần

  $('div').text('Nội dung được thêm vào');

  3 đã được thêm nội dung.
• Sau khi có jQuery
• jQuery - function
• .text()

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

• .text() lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.text()

Lấy nội dung HTML của thành phần

$('div').text();

.text('Nội dung')Nội dung')

Gán nội dung HTML cho thành phần

$('div').text('Nội dung được thêm vào');

• Đã được thêm vào từ phiên bản 1.4

.text()

Html viết:

Thành phần span bên trong thành phần cha
Click

Hiển thị trình duyệt:

Với cách sử dụng $('p').text() ta đã lấy nội dung text bên trong .

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery - Khi click sẽ hiện thông báo
Thành phần span bên trong thành phần cha Click Click	Thành phần span bên trong thành phần cha Click Click

.text('Nội dung HTML')Nội dung HTML')

Html viết:

Hiển thị trình duyệt:

Với cách sử dụng $('p').text() ta đã lấy nội dung text bên trong .

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery - Khi click sẽ hiện thông báo
Thành phần span bên trong thành phần cha Click	.text('Nội dung HTML')

.text(function(){...})

Html viết:

Hiển thị trình duyệt:

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery - Khi click sẽ hiện thông báo
Thành phần span bên trong thành phần cha Click	.text('Nội dung HTML') item thứ 1 item thứ 2 item thứ 3 item thứ 4