Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .delegate() trong jQuery
Previous Lesson Next Lesson

.delegate() trong jQuery

Định nghĩa và sử dụng .delegate() trong jQuery

.delegate(): Đính kèm một xử lý tới một hoặc nhiều sự kiện cho tất cả thành phần phù hợp với bộ chọn ngay lập tức hoặc sau đó dựa trên một tập hợp cụ thể các thành phần gốc.

Cấu trúc .delegate() trong jQuery

Đã được thêm vào từ phiên bản 1.4.2

.delegate(bộ chọn,sự kiện,xử lý)
--------------------------------------------------------------------------------------------
$('body').delegate('p','click',function(){
    $(this).after("<p>Đoạn text thêm vào!</p>");
});

.delegate(bộ chọn,sự kiện,xử lý)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
p { background: pink;}
</style>
<script>
$(function(){
    $('body').delegate('p','click',function(){
        $(this).after("<p>Đoạn text thêm vào!</p>");
    });
});
</script>
</head>

<body>
<p>Thành phần p</p>
</body>
</html>

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

Ta thấy khi click thành phần p, body sẽ được thêm

Đoạn text thêm vào!

.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With