Hướng dẫn jquery append html string - jquery nối chuỗi html

.Append (nội dung [, nội dung]) Trả về: jQueryReturns: jQuery

Mô tả: Chèn nội dung, được chỉ định bởi tham số, vào cuối mỗi phần tử trong tập hợp các phần tử phù hợp.Insert content, specified by the parameter, to the end of each element in the set of matched elements.Insert content, specified by the parameter, to the end of each element in the set of matched elements.

Nội dung chính

  • .Append (nội dung [, nội dung]) Trả về: jQueryReturns: jQuery
  • Nếu một phần tử được chọn theo cách này được chèn vào một vị trí duy nhất ở nơi khác trong DOM, nó sẽ được chuyển vào mục tiêu (không được nhân bản):

  • Phiên bản được thêm vào: 1.0.Append (nội dung [, nội dung]).append( content [, content ] ).append( content [, content ] )

    • Nội dung

      Phần tử DOM, nút văn bản, mảng của các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp.

    • Nội dung

      Phần tử DOM, nút văn bản, mảng của các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp.

  • Một hoặc nhiều phần tử DOM bổ sung, nút văn bản, mảng các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp..append( function ).append( function )

    • function

      Phiên bản được thêm vào: 1.4.Append (chức năng)

Một hàm trả về chuỗi HTML, phần tử DOM, nút văn bản hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ của phần tử làm đối số. Trong hàm,

$( ".inner" ).append( "

Test

" );

8 đề cập đến phần tử hiện tại trong tập hợp.

Phương thức

$( ".inner" ).append( "

Test

" );

9 chèn nội dung được chỉ định là đứa con cuối cùng của mỗi phần tử trong bộ sưu tập jQuery (để chèn nó là đứa trẻ đầu tiên, sử dụng ____10).

Các phương thức

$( ".inner" ).append( "

Test

" );

9 và

$( ".inner" ).append( "

Test

" );

2 thực hiện cùng một nhiệm vụ. Sự khác biệt chính là trong cú pháp cụ thể, trong vị trí của nội dung và mục tiêu. Với

$( ".inner" ).append( "

Test

" );

9, biểu thức chọn trước phương thức là thùng chứa mà nội dung được chèn. Mặt khác, với

$( ".inner" ).append( "

Test

" );

2, nội dung đi trước phương thức, dưới dạng biểu thức chọn hoặc như đánh dấu được tạo ra khi đang bay và nó được chèn vào thùng chứa đích.

1

2

3

4

5

Hãy xem xét HTML sau:

<div class="inner">Hellodiv>

<div class="inner">Goodbyediv>

1

Bạn có thể tạo nội dung và chèn nó vào một số yếu tố cùng một lúc:

$( ".inner" ).append( "

Test

" );

Mỗi phần tử

$( ".inner" ).append( "

Test

" );

5 bên trong có nội dung mới này:

1

Bạn cũng có thể chọn một phần tử trên trang và chèn nó vào một phần tử khác:

$( ".container" ).append( $( "h2" ) );

1

2

3

4

5

Hãy xem xét HTML sau:

<div class="inner">Hellodiv>

<div class="inner">Goodbyediv>

Bạn có thể tạo nội dung và chèn nó vào một số yếu tố cùng một lúc:

$( ".inner" ).append( "

Test

" );

Mỗi phần tử

$( ".inner" ).append( "

Test

" );

5 bên trong có nội dung mới này:

1

2

3

4

5

Bạn cũng có thể chọn một phần tử trên trang và chèn nó vào một phần tử khác:

$( ".container" ).append( $( "h2" ) );

Nếu một phần tử được chọn theo cách này được chèn vào một vị trí duy nhất ở nơi khác trong DOM, nó sẽ được chuyển vào mục tiêu (không được nhân bản):

  • Phiên bản được thêm vào: 1.0.Append (nội dung [, nội dung]).append( content [, content ] )
  • Nội dung

Examples:

Phần tử DOM, nút văn bản, mảng của các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp.

Một hoặc nhiều phần tử DOM bổ sung, nút văn bản, mảng các phần tử và nút văn bản, chuỗi HTML hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp..append( function )

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

Phiên bản được thêm vào: 1.4.Append (chức năng)

Demo:

Một hàm trả về chuỗi HTML, phần tử DOM, nút văn bản hoặc đối tượng jQuery để chèn ở cuối mỗi phần tử trong tập hợp các phần tử phù hợp. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ của phần tử làm đối số. Trong hàm,

$( ".inner" ).append( "

Test

" );

8 đề cập đến phần tử hiện tại trong tập hợp.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

Phương thức

$( ".inner" ).append( "

Test

" );

9 chèn nội dung được chỉ định là đứa con cuối cùng của mỗi phần tử trong bộ sưu tập jQuery (để chèn nó là đứa trẻ đầu tiên, sử dụng ____10).

Demo:

Các phương thức

$( ".inner" ).append( "

Test

" );

9 và

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

$( ".inner" ).append( "

Test

" );

2 thực hiện cùng một nhiệm vụ. Sự khác biệt chính là trong cú pháp cụ thể, trong vị trí của nội dung và mục tiêu. Với

$( ".inner" ).append( "

Test

" );

9, biểu thức chọn trước phương thức là thùng chứa mà nội dung được chèn. Mặt khác, với

$( ".inner" ).append( "

Test

" );

2, nội dung đi trước phương thức, dưới dạng biểu thức chọn hoặc như đánh dấu được tạo ra khi đang bay và nó được chèn vào thùng chứa đích.

Demo: