JQuery und "this" - Objekt

Ich habe die folgende JQuery-Funktion wird an die blur-Ereignis von n Textboxen auf einer Webseite.

$(document).ready(function() {
        $("input[id$='_txtTuitionAmt']").blur(function() {
            alert(this.value);
        })
    });

Funktioniert es Prima. Wenn der Benutzer mit der Tabulatortaste aus einem der Textfelder dann eine alert-popups und zeigt den Wert in das Textfeld ein.

Was ich bin verwirrt, was ist ".Wert" und ob es JQuery oder JavaScript. Bin ich mit der "this" - Objekt in der richtigen Weise, oder sollte ich etwas anderes tun um den Wert des Elements?

Sorry, wenn meine Frage scheint ein wenig trüben. Ich bin gerade versucht in den Griff zu bekommen mit dem "this" - Objekt ist und wie es funktioniert. Ich sah in der JQuery-Dokumentation, aber konnte nicht finden, alles, was auf "diesem".

Ich glaube, jQuery bindet das 'das' mit einem Anruf oder so auftragen, dass der Kontext der Funktion, die Sie übergeben ist, dass das DOM-element(s), repräsentiert durch ein jQuery-Objekt.

InformationsquelleAutor Jagd | 2009-08-19

  1. 13

    diese bezieht sich auf das aktuelle dom-Objekt (der gleichen Weise, dh document.getElementById("someid") bezieht sich auf das wollte dom-Objekt). Basierend auf den browser können Sie nun Zugriff auf Funktionen/Feld des Objekts (dh. this.nodeName, this.value , ...), Auf das Sie zugreifen, was mit der browser-Umsetzung.

    Wenn Sie $(this) (oder $("#someid") oder $(document.getElementById("someid"))) Sie sind ecapsulating das Objekt in jquery - somit können Sie nun Zugriff auf die jquery-Funktionen und Felder (dh. $(this).val(); $(this).find("somenode"), ....)

    Wenn Sie ein jquery-Objekt (d.h. var n = $(this).find("#someid"); ) und Sie möchten, um loszuwerden, das jquery-Kapsel, denn Sie brauchen einen standard-dom-Funktion, die Sie verwenden, erhalten .get(0).

    diese selbst beheben kann, zu den verschiedenen Objekten, abhängig von wo es aufgerufen wird. Es kann ein Knoten, wenn innerhalb eines onclick-oder andere event-handler (<div id="asdf" onclick="alert(this.id)... - print asdf), die form oder ein anderes Objekt - sehen http://www.quirksmode.org/js/this.html

    Ah... die Glühbirne nur schnippte auf! Hervorragende Beschreibung. Ich danke Ihnen sehr!

    InformationsquelleAutor Niko

  2. 8

    = DOM-element

    $(this) = jQuery'ified

    In der Regel verwende ich plain old JavaScript, wo ich kann. Die jQuery-alternative in diesem Fall ist $(this).val() - ich sehe nicht die Notwendigkeit dafür.

    Obwohl $(this).val() kürzer ist, wenn man es mit einem select-element this.options[this.selectedIndex].value - und auch die Arbeit mit mehreren Arten von Elementen.

    InformationsquelleAutor Andy Gaskell

  3. 4

    JQuery-doc für Core/pro:

    Ausführen einer Funktion im Rahmen der jedes passende element.

    Dies bedeutet, dass jedes mal, wenn die übergebene Funktion ausgeführt wird (was einmal für jedes element aufeinander abgestimmt) der "this" - Schlüsselwort Punkte für den bestimmten DOM-element. Beachten Sie, dass 'dies' nicht auf ein jQuery-Objekt.

    InformationsquelleAutor Prakash K

  4. 1

    "diese" bezieht sich auf die jQuery-ausgewählte element vor. Weil Sie mit "dies" innerhalb von ein jQuery-callback-Funktion, "das" eigentlich Punkte auf das DOM-Objekt von jQuery. Wenn Sie verwendet haben würde "$(this)" haben, würde das aussetzen der jQuery-Objekt direkt dem/der passende element(s). Und wie von anderen erwähnt können Sie auf anwenden, um die jQuery-Funktionen, die auf diesem element.

    Finden Sie unter: dies entmystifiziert, und Das this-Schlüsselwort.

    this nicht bezieht sich auf das jQuery. Als Prakash bemerkt, es verweist auf das DOM-element.

    InformationsquelleAutor jjclarkson

  5. 0

    In diesem Artikel (bitte entschuldigen Sie das Wortspiel) erklärt, wie dies funktioniert ein wenig mehr:

    Warum ich immer noch lieber Prototype zu JQuery

    Der Autor hält es für eine schlechte design-Entscheidung, für die die JQuery-Bibliothek, aber ich bin nicht dafür, so oder so. Ich dachte nur, der Artikel war ziemlich interessant.

    InformationsquelleAutor Shea Daniels

Schreibe einen Kommentar