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:

Tiêu đề


$[function[]{
  var txt = $['p'].text[];
  $['button'].click[function[]{
    alert[txt]; 
  }];
}];




  
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ó jQuerySau 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:

Tiêu đề


$[function[]{
  $['div'].text['Đoạn text được thêm vào'];
}];




  

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ó jQuerySau 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:

Tiêu đề


$[function[]{
    var txt = $['p'].text[];
    $['button'].click[function[]{
       alert[txt]; 
    }];
}];




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ó jQuerySau 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:

Tiêu đề


$[function[]{
    $['div'].text['Đoạn text được thêm vào'];
}];

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ó jQuerySau 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:

Tiêu đề


$[function[]{
    $['li'].text[function[index]{
    return 'item thứ ' + [index + 1];
}];
}];

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

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

Trước khi có jQuerySau 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