✅ ASP.NET MVC - Selektoren

Inhaltsverzeichnis

Die Struktur, an der wir auf Kundenseite arbeiten werden, ist die DOM-Baum des Dokuments HTML, dieser Baum ist eine hierarchische Struktur, in der jedes Element, das wir im Web sehen, durch sein entsprechendes Label repräsentiert wird.
Es ist wichtig, diese Struktur zu kennen, damit wir die verschiedenen Elemente finden können. Damit können wir den Wert, den sie enthalten, übernehmen oder Text, Inhalte von anderen Seiten einschließen, wir können einen Controller unserer Anwendung verarbeiten und eine Ansicht innerhalb eines Seite, ohne sie aufladen zu müssen usw.
Ein Element referenzieren
Wie bereits erwähnt, ist die HTML Es hat eine Struktur, in der es seine Elemente enthält. Um diese Elemente zu manipulieren, müssen wir lernen, Verweise auf sie zu erstellen. Mit einer Referenz können wir sicherstellen, dass wir das gewünschte Element oder die gewünschten Elemente nehmen und in der Lage sind, sie zu ändern.
Der effektivste WegEine der beliebtesten und effektivsten Möglichkeiten ist mit dem ID-Selektor, wie wir wissen, können die Labels eindeutige Bezeichner haben, um die Elemente von a . unterscheiden zu können HTML.
Sehen wir uns im folgenden Bild einen Code an, an den wir danken können Javascript ein Element, das seine id-Eigenschaft verwendet:

In dem Code, den wir gesehen haben, haben wir ein Label HTML div, dies hat eine ID, diese Eigenschaft ist die von uns erwähnte, die uns hilft, das Element in der zu finden und auszuwählen SONNE, innerhalb eines Blocks Javascript Danke an das Objekt dokumentieren, Wir können eine seiner Methoden verwenden, um ein Element durch die id zu erhalten, und in diesem Fall platzieren wir dasselbe vom div und schließlich mit der Methode innerText, weisen wir ihm einen neuen Text zu.
Wie wir sehen, wurde die Seite bereichert, obwohl es sich um ein ziemlich einfaches Beispiel handelt, es ist das grundlegendste, was wir wissen müssen, um eine solide Grundlage zu schaffen.
Verbesserung mit jQuery
Wie wir wissen Javascript Manchmal kann man sündigen, viel Code schreiben zu müssen, um wenige Dinge zu tun, an dieser Stelle geben Sie ein jQuery die genannten Funktionalitäten und Codes zu packen, so dass wir die gleichen Funktionen mit Shortcuts und weniger Code lösen können, ist es immer noch Javascript aber einfacher geschrieben.
Im folgenden Beispiel werden wir sehen, wie wir das vorherige Beispiel mit umschreiben jQuery:

Wie wir sehen, haben wir die Anzahl der Methodenaufrufe einfach mit dem .text()-Methode angewendet auf a Selektor $ (), je nachdem wie wir unser Element nennen jQuery ermöglicht uns den Zugriff auf ID, Klassen, auch nach Art der Elemente, deren Kinder usw.
Zum Beispiel, wenn wir das gleiche vorherige Beispiel machen wollen, aber für diesen Fall das Labelstatt einer ID hat es eine Klasse:

Hallo Welt!

Hier sehen wir, dass anstatt den Selektor mit aufzurufen $ ("# Selektor"), wir tun es mit $ (". selector"), das Problem dabei ist, dass wir es beeinflussen, wenn wir mehr als ein Element mit derselben Klasse haben.
Damit beenden wir dieses Tutorial, in dem wir uns ein wenig mehr mit dem Konzept von Selektoren und deren Verwendung mit beiden befasst haben Javascript normal wie bei jQuery Dadurch verringert sich die Menge an Code, die wir schreiben.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben