Previous Lesson Next Lesson

.unbind() trong jQuery

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

.unbind(): Loại bỏ sự kiện được đính kèm trước đó từ thành phần.

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

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

.unbind(Sự kiện)

Loại bỏ một sự kiện cho thành phần.

$('p').unbind('click');

.unbind()

Loại bỏ tất cả sự kiện cho thành phần.

$('p').unbind();

.unbind(Sự kiện,function(){})

$('div.test').unbind('click',function(){
    $('span').text('Đã click');
});

.unbind(Sự kiện)

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>
<script>
$(function(){
    $('p').click(function(){
        alert("Sự kiện click được gọi");
    });

    $('.unbind').click(function(){
        $('p').text('Sự kiện click đã được loại bỏ!').unbind('click');
    }); 
});
</script>
</head>

<body>
<p>Click xuất hiện alert!</p>
<button class="unbind">.unbind()</button>
</body>
</html>

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

Ban đầu khi click vào thành phần p ta thấy xuất hiện popup, nhưng khi ta click vào button ".unbind()", ta đã loại bỏ sự kiện click cho thành phần p, khi này có click vào p thì sẽ không còn thấy xuất hiện popup nữa.

.unbind(Sự kiện,function(){})

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>
<script>
$(function(){
    function eClick() {
        $('span').show().fadeOut('slow');
    }

    $('.bind').click(function(){
        $('.clickEvent').click(eClick).text('Click xem kết quả.');
    });

    $('.unbind').click(function(){
        $('.clickEvent').unbind('click',eClick).text('Sự kiện click đã loại bỏ!');
    }); 
});
</script>
</head>

<body>
<button class="clickEvent">None</button>
<button class="bind">.bind()</button>
<button class="unbind">.unbind()</button>
<span style="display: none;">Sự kiện Click vừa được tạo!</span>
</body>
</html>

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

Khi click vào button ".bind()" khi đó ta đã kích hoạt sự kiện click cho button có class "clickEvent", khi này ta có thể click để xem sự kiện, nhưng khi ta click vào button ".unbind()", ta đã loại bỏ sự kiện click cho button có class "clickEvent", khi này có click vào button này thì sẽ không còn thấy sự kiện click nữa.

Previous Lesson Next Lesson

Preview

Viết câu trả lời

.unbind() trong jQuery

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

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

.unbind(Sự kiện)

.unbind(Sự kiện,function(){})

0 Bình luận

Danh mục bài học