Cách thay đổi nội dung của 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

1.

Old content

2. Change div content

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<
<br />
<div id=”test”>Old content</div>
</body>
</html>

Download Jquery

Về tieuyeuit
Lập trình viên Asp.net Tôi chia sẻ một,bạn chia sẻ một và chúng ta có rất nhiều!

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: