Heim > Artikel > Web-Frontend > DOM und Ereignisse von jquery
Dieses Mal bringe ich Ihnen das DOM und die Ereignisse von jquery. Was sind die Vorsichtsmaßnahmen bei der Verwendung des DOM und der Ereignisse von jquery? Hier sind praktische Fälle.
Erzählen Sie mir den Unterschied zwischen Bibliotheken und Frameworks?Der wichtigste Unterschied zwischen einem Framework und einer Klassenbibliothek ist die Umkehrung der Kontrolle. Der Rahmen ist wie eine Form. Man muss die Rohstoffe in die Form geben, und dann kommt das fertige Produkt heraus. Da die Form gebaut wurde, kann man ihnen nicht alles geben, was sie wollen. Die Kontrolle liegt bei der Form. Aber Klassenbibliotheken sind anders. Sie können alle gewünschten Funktionen implementieren. Klassenbibliotheken helfen Ihnen lediglich, eine große Anzahl praktischer Funktionen zu kapseln, um Ihre Ziele zu erreichen an Ihre eigenen Bedürfnisse anzupassen. Es ist notwendig, diese Funktionen entsprechend aufzurufen.
Dokumentobjekte bearbeiten, DOM-Elemente auswählen, Animationseffekte erstellen,
Ereignisbehandlung, Ajax und andere Funktionen verwenden. Darüber hinaus stellt jQuery APIs für Entwickler zum Schreiben von Plug-Ins bereit. Seine modulare Nutzung ermöglicht es Entwicklern, auf einfache Weise leistungsstarke statische oder dynamische Webseiten zu entwickeln.
Unterschied:
1. Das vom JQuery-Selektor erhaltene JQuery-Objekt und das von document.getElementById() erhaltene Dom-Objekt im Standard-
Javascript sind zwei verschiedene Objekttypen und nicht gleich . Price; 2. jQuery kann keine Methode des DOM-Objekts verwenden. Bei wahlloser Verwendung wird ein Fehler gemeldet.
So konvertieren Sie:
jQuery-Objekt in DOM-Objekt --- zwei Konvertierungsmethoden:
1. Das jQuery-Objekt ist ein Datenobjekt, über die [index]-Methode
wie:
var $v = $("#v") ; //jQuery对象 var v = $v[0]; //DOM对象
2. jQuery selbst stellt es über die .get(index)-Methode bereit
wie:
var $v = $("#v"); //jQuery对象 var v = $v.get(0); //DOM对象
DOM-Objekt wird in ein konvertiert jQuery-Objekt:
Umschließen Sie bei DOM-Objekten einfach das DOM-Objekt mit $(), um das jQuery-Objekt zu erhalten
Zum Beispiel:
var v=document.getElementById("v"); //DOM对象 var $v=$(v); //jQuery对象Wie bindet man Ereignisse in jquery? Welche Funktionen haben Bind, Unbind, Delegate, Live, On und Off? Welches ist empfehlenswert? Wie verwende ich on, um Ereignisse zu binden und den Ereignis-Proxy zu verwenden?
Ereignisbindung über die von jquery bereitgestellte API.
binden: Binden Sie einen Ereignishandler an ein Element.
unbind: Entfernt einen zuvor angehängten Event-Handler vom Element.
Delegieren: Hängen Sie einen oder mehrere Ereignishandler an die aktuellen oder zukünftigen untergeordneten Elemente des übereinstimmenden Elements an.
live: Fügen Sie einen oder mehrere Event-Handler für die aktuellen oder zukünftigen passenden Elemente hinzu.
on: Binden Sie einen oder mehrere Event-Handler an das ausgewählte Element.
aus: Einen Event-Handler entfernen.
Es wird empfohlen, es ein- und auszuschalten.
Verwendung von on: .on( events [, selector ] [, data ], handler(eventObject) )
Verwenden Sie show(), hide(), um Elemente anzuzeigen und auszublenden.
Verwenden Sie normalerweise .animate() für benutzerdefinierte Animationen.
Verwenden Sie $('selector').html(), um den HTML-Inhalt abzurufen, $('selector').html(value), um den HTML-Inhalt festzulegen, und verwenden Sie
$('selector').text () Um den internen Text des Elements abzurufen, legt $('selector').text(value) den Textinhalt fest
$(‘selector’).val()获取表单内容 $(‘selector’).val(val)设置表单内容 $(‘selector’).attr(attributeName)获取元素属性 $(‘selector’).attr(attributeName,value)设置元素属性 $(‘selector’).removeAttr(attributeName)移除属性Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Verwandte Lektüre:
So verwandeln Sie den Browser in einen Editor
Einfache Blase und Zwei-Wege-Blasensortierung
Das obige ist der detaillierte Inhalt vonDOM und Ereignisse von jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!