Heim > Artikel > Web-Frontend > Was sind die vier Kategorien von JQuery-Selektoren?
Die 4 Selektoren von JQuery: 1. Basisselektor, einschließlich ID-Selektor, Klassenselektor, Gruppenselektor; 2. Hierarchischer Selektor, der Elemente durch die hierarchische Beziehung zwischen DOM-Elementen erhält;
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
Vorteile des jQuery-Selektors:
(1) Code ist einfacher
(2) Unterstützt CSS1- bis CSS3-Selektoren
(3) Perfekter Verarbeitungsmechanismus
Klassifizierung von jQuery-Selektoren:
1) Basisselektor
Der Basisselektor ist der am häufigsten verwendete Selektor in jQuery. Er besteht aus Element-ID, Klasse, Elementname und mehreren Elementsymbolen (Gruppenselektor).
2) Hierarchischer Selektor
Der hierarchische Selektor erhält Elemente durch die hierarchische Beziehung zwischen DOM-Elementen. Zu den wichtigsten hierarchischen Beziehungen gehören Eltern-Kind-, Nachkommen-, Nachbar- und Geschwisterbeziehungen.
3) Filterselektor
① Einfacher Filterselektor
Der Filterselektor dient zum Zuordnen von Elementen gemäß bestimmten Filterregeln. Wenn er geschrieben wird, beginnt er mit (:); der einfache Filterselektor dient zum Filtern am weitesten verwendeter Selektortyp.
$("div:first") 选取所有<div>元素中第1个<div>元素 $("div:last") 选取所有<div>元素中最后一个<div>元素 $("input:not(.myClass)") 选取class不是myClass的<input>元素 $("input:even") 选取索引是偶数的<input>元素(索引从0开始) $("input:odd") 选取索引是基数的<input>元素(索引从0开始) $("input:eq(2)") 选取索引等于2的<input>元素 $("input:gt(4)") 选取索引大于4的<input>元素 $("input:lt(4)") 选取索引小于4的<input>元素 $(":header") 过滤掉所有标题元素,例如:h1、h2、h3等 $("div:animated") 选取正在执行动画的<div>元素 $(":focus") 选取当前获取焦点的元素
② Inhaltsfilter-Selektor
Der Inhaltsfilter-Selektor erhält Elemente basierend auf dem Textinhalt im Element oder den Eigenschaften der darin enthaltenen Unterelemente. Der Textinhalt kann für die Elementpositionierung unscharf oder absolut abgestimmt sein.
🏜 Auswählen ausgewählter Dropdown-Boxen, Mehrfachauswahlboxen und anderer Elemente. 4) FormularauswahlDas obige ist der detaillierte Inhalt vonWas sind die vier Kategorien von JQuery-Selektoren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!