Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery: Problemlösung mit dieser Methode in click()

黄舟
Freigeben: 2017-06-27 10:00:05
Original
4852 Leute haben es durchsucht

jQ-Version: jquery-1.7.2.js

    <div id="box">test</div>
Nach dem Login kopieren
<script>
    $(function(){ 
        $(&#39;#box&#39;).click(function(){ 
            //alert(this.html()); // 报错
            alert(this.innerHTML);// test
            alert($(this).html()); // test
        });    
    });</script>
Nach dem Login kopieren

Entschuldigung, nachdem ich es über $('#box') bekommen habe, habe ich Habe es jQueryobject, warum entspricht dies einem DOM-Objekt, aber $(this) ist ein jQuery-Objekt? Danke!

Sie müssen wissen, dass es js ohne jquery gibt und dass es keine jquery ohne js gibt. Das ist der Stoff von js. Dies in der -Funktion-Ausführungsumgebung gehört zu nativem js. Wie kann es Sie auf das jquery-Objekt verweisen? Das Tragen der Weste $(this) ist das JQuery-Objekt.

this bezieht sich auf als Umgebungsobjekt für die Funktionsausführung. Bei einem globalen Aufruf ist dies beispielsweise window. Dies wird also nicht von $("#box") zurückgegeben, es ist kein JQ-Objekt, sondern das Dom-Objekt des Div, das diese Funktion aufruft. Bitte verstehen Sie dies sorgfältig. Das Tippen auf einem Mobiltelefon ist sehr schwierig. Wenn Sie morgen immer noch etwas nicht verstehen, wird angezeigt, dass

$('#box') das JQuery-Objekt zurückgegeben hat Bitte beachten Sie, dass dieser Schritt für

var $box = $(&#39;#box&#39;);
$box.click(function(){    //TODO});
Nach dem Login kopieren

nichts mit dem von Ihrem Code erhaltenen Objekt zu tun hat um ein -Ereignis an dieses DOM zu binden, ist dies nur das DOM

$(this) ändert das DOM-Objekt nicht. Es wird nur einmal umschlossen , genau wie das Hinzufügen einer Shell-Ebene, die in ein JQuery-Objekt umgewandelt wird, sodass JQuery-Methoden verwendet werden können, anstatt wie der eingehende Selektor nach dem DOM zu suchen, sodass es immer noch die div.box ist, die dieses Ereignis derzeit auslöst. Umschlossene JQuery kann in einem DOM-Objekt wiederhergestellt werden.

Sehen Sie sich den folgenden Code an, um das Objekt, das das Ereignis ausgelöst hat, über das Ereignisobjekt abzurufen:

Das obige ist der detaillierte Inhalt vonjQuery: Problemlösung mit dieser Methode in click(). 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