Cách thay đổi nội dung của DIV bằng jQuery

23-06-2010 14:44

Cách thay đổi nội dung của DIV bằng jQuery

Bài viết sẽ hướng dẫn các bạn cách thay đổi nội dung của thẻ DIV bằng jQuery.

Tải thư viện jQuery(Xem bên dưới).

Giả sử bạn có một DIV chứa nội dung nào đó, khi click vào một link nội dung sẽ được thay đổi

<div id="test">Old content</div>
<a id="change">Change div content</a>

Với jQuery, bạn dùng đoạn code sau để thực hiện việc này

$(document).ready(function() {
  $("#change").click(function() {
    $("#test").html("New content");
  });
});

Toàn bộ đoạn mã như sau

<html>
        <head>
          <title>jQuery test page</title>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
            $(document).ready(function() {
              $("#change").click(function() {
                $("#test").html("New content");
              });
            });
          </script>
        </head>
        <body>
          <a id="change">Change div content</a>
          <br />
          <div id="test">Old content</div>
        </body>
      </html>

Chia sẻ:

Bài trước

Bài tiếp