Heim > Web-Frontend > js-Tutorial > So verwenden Sie jquery $(this)

So verwenden Sie jquery $(this)

藏色散人
Freigeben: 2021-01-08 14:27:21
Original
3045 Leute haben es durchsucht

jquery $(this) ist normalerweise ein JQuery-Objekt, das die Methoden und Attributwerte von jquery aufrufen kann. Verwenden Sie eine Syntax wie „$(this).attr(key);“, um den Wert des Knotenattributnamens zu erhalten.

So verwenden Sie jquery $(this)

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.2.6-Version, DELL G3-Computer.

Empfohlen: jquery-Tutorial

Wie verwende ich jquery $(this)?

Dies ist normalerweise ein HTML-Element, wie zum Beispiel (Textbox), Textbox hat ein Textattribut. Sie können im Textbox-Ereignis darauf verweisen, um das Element abzurufen.

$(this) ist normalerweise ein JQuery-Objekt, und Sie können JQuery-Methoden und Attributwerte aufrufen, z. B. click(), keyup().

$(function () {
    $('button').click(function () {
       $(this)表示当前对象,这里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});
Nach dem Login kopieren

$(this).attr(key); Ruft den Wert des Knotenattributnamens ab, äquivalent zur getAttribute(key)-Methode

$(this).attr(key, value); Setzt den Wert des Knotens Attribut, äquivalent zur Methode setAttribute (key, value)

$(this).val(); ruft den Wert eines Elementknotens ab, äquivalent zu $(this).attr(„value“); .val(value );Legen Sie den Wert eines Elementknotens fest, äquivalent zu $(this).attr("value",value);

Beispiel:

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);
Nach dem Login kopieren

Der Vorteil der Verwendung von JQuery besteht darin, dass es verschiedene Browserversionen von umschließt DOM-Objektoperation, daher sollte es eine gute Wahl sein, stattdessen $(this) einheitlich zu verwenden. Was generiert

$()?

Eigentlich $()=jquery(), was bedeutet, dass ein Jquery-Objekt zurückgegeben wird.

Dann können wir aus der Schlussfolgerung, dass $() ein JQuery-Objekt zurückgibt, schließen, dass $(this) ein JQuery-Objekt zurückgibt. Wir können die universelle Alert()-Methode verwenden, um ein Objekt auszudrucken:

alert($('#btn'));
Nach dem Login kopieren

Das Ergebnis anzeigen :

So verwenden Sie jquery $(this)Das rote Kästchen im Bild ist ein Objekt. Keine Sorge, das Objekt ist natürlich ein JQuery-Objekt. Das heißt, wir verwenden $('#btn'), um die Methoden und Eigenschaften von jquery aufzurufen.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Programmierlehre

! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jquery $(this). 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