Heim  >  Artikel  >  Web-Frontend  >  Was sind die vier Kategorien von JQuery-Selektoren?

Was sind die vier Kategorien von JQuery-Selektoren?

青灯夜游
青灯夜游Original
2022-03-16 19:29:134260Durchsuche

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;

Was sind die vier Kategorien von JQuery-Selektoren?

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

Was sind die vier Kategorien von JQuery-Selektoren?

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.

Was sind die vier Kategorien von JQuery-Selektoren?

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!

Stellungnahme:
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