Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der jQuery-Methode unbind() example_jquery

Detaillierte Erläuterung der jQuery-Methode unbind() example_jquery

WBOY
WBOYOriginal
2016-05-16 15:19:111193Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der jQuery-Methode unbind(). Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die unbind()-Methode in jQuery ist die umgekehrte Operation der bind()-Methode und entfernt das gebundene Ereignis aus jedem passenden Element.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:
unbind([type][, data]);

Typ ist der Ereignistyp, Daten ist das zu entfernende Ereignis. Die spezifischen Anweisungen lauten wie folgt:
1. Wenn keine Parameter vorhanden sind, löschen Sie alle Bindungsereignisse 2. Wenn der Ereignistyp (Typ) als Parameter angegeben wird, werden nur die gebundenen Ereignisse dieses Typs gelöscht 3. Wenn die beim Binden übergebene Handler-Funktion als zweiter Parameter verwendet wird, wird nur diese spezifische Event-Handler-Funktion gelöscht.

Bitte sehen Sie sich das Beispiel unten an:

<script src="jquery.js" type="text/javascript"></script>
<style>
.info {
  background:#ffff66;
}
</style>
<input type="button" id="btn" value="点击我" />
<input type="button" id="delAll" value="删除全部绑定函数" />
<input type="button" id="delFun2" value="删除第二个绑定函数" /><br />
<div class="info"></div>
<script type="text/javascript">
$(document).ready(function(){
  // 为id为btn的按钮添加绑定事件
  $("#btn").bind('click', fun1=function(){
    $(".info").append('<p>绑定函数1</p>');
  }).bind('click', fun2=function(){
    $(".info").append('<p>绑定函数2</p>');
  }).bind('click', fun3=function(){
    $(".info").append('<p>绑定函数3</p>');
  })
  $("#delAll").bind('click', function(){
    $("#btn").unbind(); //删除全部绑定事件
  })
  $("#delFun2").bind('click', function(){
    $("#btn").unbind('click', fun2); //删除第二个绑定函数
  })
})
</script>

Effektanzeige:

Leser, die an weiteren Inhalten zu jQuery-Ereignissen interessiert sind, können sich das Spezialthema dieser Website ansehen: „

Zusammenfassung der allgemeinen Verwendung und Techniken von jQuery-Ereignissen

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn