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) Formularauswahl

Das 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!