Chèn các phần tử DOM trong jQuery
Có thể có tình huống khi bạn muốn chèn một hoặc nhiều phần tử DOM mới vào trong tài liệu đang tồn tại của bạn. jQuery cung cấp nhiều phương thức đa dạng để chèn các phần tử vào các vị trí khác nhau.

Phương thức after( content ) chèn content sau mỗi phần tử đã so khớp, trong khi phương thức before( content ) chèn content trước mỗi phần tử đã so khớp.

Dưới đây là cú pháp của các phương thức:

selector.after( content )

or

selector.before( content )

Ở đây, content là những gì bạn muốn chèn. Nó có thể là HTML hoặc văn bản.

Ví dụ

Trong ví dụ sau, các phần tử div được chèn ngay trước phần tử được click:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("div").click(function () {
               $(this).before('<div class="div"></div>' );
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
		
   </head>
	
   <body>
	
      <p>Click on any square below:</p>
      <span id="result"> </span>
		
      <div class="div" style="background-color:blue;"></div>
      <div class="div" style="background-color:green;"></div>
      <div class="div" style="background-color:red;"></div>
		
   </body>
	
</html>

Nó sẽ cho kết quả sau:

Bài viết cùng danh mục

8 quán cà phê đậm chất bạn không thể bỏ qua khi du lịch Phú Quốc
Chia sẻ Bạn có muốn những phút giây thật thư giãn khi đến Phú Quốc? Cùng thưởng thức những đồ uống độc- lạ nơi đây?
Địa điểm chụp hình đẹp tại Phú Quốc
Chia sẻ Mang một vẻ đẹp lãng mạn với các bờ biển trong xanh như ngọc và bãi cát trắng tinh dưới những hàng dừa râm mát. Đây là những khu vực được những người yêu du lịch Phú Quốc đánh giá là rất đang để khám phá.
Một số khách sạn Phú Quốc .
Chia sẻ Phú Quốc là quần đảo xinh đẹp nằm sâu trong vùng vịnh Thái Lan, thuộc tỉnh Kiên Giang. Ở vùng biển phía Nam của tổ quốc, đảo Ngọc Phú Quốc – hòn đảo lớn nhất của Việt Nam, cũng là đảo lớn nhất trong quần thể 22 đảo tại đây. Nước biển trong vắt, những dòng suối yên bình cùng nhiều hải sản độc đáo chính là lợi thế tuyệt vời của du lịch Phú Quốc.
Đặc sản Phú Quốc
Chia sẻ Đi Phú Quốc nên mua gì mang về làm quà? cùng mình tham khảo những gợi ý dưới đây nhé!
Các món ngon và địa chỉ ăn uống ở Phú Quốc.
Chia sẻ Đảo Ngọc Phú Quốc làm nức lòng du khách với những đặc sản biển phong phú và nhiều sản vật độc đáo khác.

2003-2019©Chiasethongtin.com / Thông tin, kiến thức, kỹ năng