jQuery unbind(type,fn)

Поиск функций jQuery

Характеристика функции

[Функция] unbind(type,fn)

Раздел "Events"

Функция противоположность функции bind, функция удаляет связанные события для каждого подходящего элемента.

Параметры

unbind(type,fn)

1.0

type: освобождаемый тип события

fn: функция, освобождаемая из события для каждого комплекта элементов

Описание

Функция удаляет все связанные события. Если указан тип события, будут удалены все связанные события данного типа. Если функция, которая была передана для связывания с событием, имеет второй аргумент, то только указанный обработчик удаляется. Вы можете освобождать пользовательские события, зарегистрированные функцией bind(). jQuery так же поддерживаетпространство имён. Что позволяет вам запускать или освобождать особые группы связанных обработчиков, без указания ссылки напрямую.

Возможно, Вам будет интересно прочитать статьи о jQuery:

Примеры

Пример:

Можно связать или освободить события связанные с кнопкой.

Пример
Весь код

"jQuery"

    function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      // можно использовать .bind('click', aClick) взамен, но как вариант...
      $("#theone").click(aClick)
                  .text("Can Click!");
    });
    $("#unbind").click(function () {
      $("#theone").unbind('click', aClick)
                  .text("Does nothing...");
    });

"HTML"

<button id="theone">Does nothing...</button>
  <button id="bind">Bind Click</button>
  <button id="unbind">Unbind Click</button>
  <div style="display:none;">Click!</div>

"CSS"

button { margin:5px; }
button#theone { color:red; background:yellow; }

"Живой пример jQuery"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://slyweb.ru/css/jqueryiframe.css" 
rel="stylesheet" type="text/css"/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){

    function aClick() {
      $("div").show().fadeOut("slow");
    }
    $("#bind").click(function () {
      // можно использовать .bind('click', aClick) взамен, но как вариант...
      $("#theone").click(aClick)
                  .text("Can Click!");
    });
    $("#unbind").click(function () {
      $("#theone").unbind('click', aClick)
                  .text("Does nothing...");
    });


  });
</script>

</head>
<body class="iframe">


<button id="theone">Does nothing...</button>
  <button id="bind">Bind Click</button>
  <button id="unbind">Unbind Click</button>
  <div style="display:none;">Click!</div>


</body>
</html>


<style>

button { margin:5px; }
button#theone { color:red; background:yellow; }

</style>

Пример:

Чтобы освободить все события для параграфов, укажите:

"jQuery"

$("p").unbind()

Пример:

Чтобы освободить все события click для всех параграфов, укажите:

"jQuery"

$("p").unbind( "click" )

Пример:

Чтобы освободить один, предварительно связанный обработчик, передайте в функцию второй аргумент:

"jQuery"

var foo = function () {
  // code to handle some kind of event
};
$("p").bind("click", foo); // ... foo будет вызван при нажатии по параграфу...
$("p").unbind("click", foo); // ... foo больше на опрделен.

Метод появился в jQuery 1.0 (http://api.jquery.com/unbind/)

Форма для комментариев

Версия jQuery 1.4.2 Документ создан 2010-08-21

Руководство jQuery 1.4.2

Плагины jQuery UI

Эффекты

Возможно, Вам будет интересно прочитать статьи о jQuery: