Heim > Web-Frontend > js-Tutorial > JQuery-Bindungsereignisse, Entfernungsereignisse und Animationen

JQuery-Bindungsereignisse, Entfernungsereignisse und Animationen

巴扎黑
Freigeben: 2017-06-30 11:37:02
Original
1389 Leute haben es durchsucht


Bind Event: bind(), on(), live(), delegate(), keyup(
Trigger-Ereignis: trigger( '); keyup'), keyup();
Ereignisse entbinden: unbind(), off(), unelegate();
Konforme Ereignisse: hover(), toggle(); bind();


JQuery-Bindungsereignisse, Entfernungsereignisse und Animationen

1. Bindungsereignis

>JQuery

bindet Ereignisse. Zusätzlich zur -Methode gibt es auch , bing(), on() und andere live()-Ereignisbindungsmethoden. one()

Bindende Ereignisklassifizierung:

(a) Binden eines einzelnen Ereignisses

(b) Binden mehrerer Ereignisse gleichzeitig
$("#btn").bind("click",function(){
    //代码块
    console.log(123);
});
Nach dem Login kopieren
Nach dem Login kopieren

Informationen zu den Unterschieden zwischen den Ereignismethoden bind(), live() und delegate() in JQuery finden Sie unter:
$("#btn").bind({
    mouseover:function(){
        $(this).css("background","red");
        console.log("代码块1");
    },
    mouseout:function(){
        console.log("代码块2");
    },
    click:function(){
        console.log("点击事件");
    }
});
Nach dem Login kopieren
Nach dem Login kopieren
http://www.php100.com/html/program/jquery/ 2013/ 0905/5993.html



2.
Ereignis entfernen

(a) Verwenden Sie unbind( ) Methode zum Entfernen von Ereignissen

  $("button").click(function(){
    $("p").unbind();
  });
Nach dem Login kopieren
Nach dem Login kopieren
3. JQuery

AnimationIn JQuery wird eine Reihe von Animationseffekten bereitgestellt , darunter

  1. ——— Methode steuert die Anzeige des Elements;

    show()

  2. ——— Methodensteuerung das Element Display;

    hide()

  3. ——- Methode zum Umschalten des sichtbaren

    Zustands des Elements toggle()

  4. – – Methode zum Einblenden;
  5. fadeIn()

  6. – – Methode zum Ausblenden; Verkleinern Sie das Element
  7. fadeOut()

  8. – Methode zum Implementieren der Erweiterung von Elementen
  9. slideUp()

  10. Bindungsereignisse: bind(), on() , live(), delegate(), keyup(); slideDown()Trigger-Ereignisse: trigger('keyup'),

    Unbind-Ereignisse: unbind(), off() , die(), unelegate ();
  11. Konforme Ereignisse: hover(), toggle();
Ereignisbindung: bind();





1. Bindungsereignisse

JQuery-Bindungsereignisse, Entfernungsereignisse und Animationen JQuery-Bindungsereignisse, zusätzlich zur
-Methode gibt es auch
,

,

und andere Ereignisbindungsmethoden.

Bindende Ereignisklassifizierung: bing()on()live() (a) Binden eines einzelnen Ereignisses one()

(b) Binden mehrerer Ereignisse gleichzeitig

Informationen zu den Unterschieden zwischen den Ereignismethoden bind(), live() und delegate() in JQuery finden Sie unter:

http://www.php100.com/html/program/jquery/ 2013/ 0905/5993.html

$("#btn").bind("click",function(){
    //代码块
    console.log(123);
});
Nach dem Login kopieren
Nach dem Login kopieren

2. Ereignisse entfernen
$("#btn").bind({
    mouseover:function(){
        $(this).css("background","red");
        console.log("代码块1");
    },
    mouseout:function(){
        console.log("代码块2");
    },
    click:function(){
        console.log("点击事件");
    }
});
Nach dem Login kopieren
Nach dem Login kopieren


(a) Verwenden Sie die unbind()-Methode, um Ereignisse zu entfernen



3. JQuery-Animation

In Jquery stehen eine Reihe von Methoden zum Anzeigen von Animationseffekten zur Verfügung, darunter

  $("button").click(function(){
    $("p").unbind();
  });
Nach dem Login kopieren
Nach dem Login kopieren

——— Methode steuert die Anzeige von Elementen

    ——— Methode steuert die Anzeige von Elementen; >
  1. show() ——- Methode zum Umschalten des sichtbaren Zustands des Elements

  2. hide() ——- Methode zum Einblenden; 🎜>

  3. - Methode zum Ausblenden

    toggle()

  4. - Methode zur Umsetzung der Verkleinerung von Elementen

    fadeIn()

  5. – Methode zur Implementierung der Erweiterung von Elementen

    fadeOut()

Das obige ist der detaillierte Inhalt vonJQuery-Bindungsereignisse, Entfernungsereignisse und Animationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage