Hierarchischer JQuery-Selektor

Der Text ändert sich nicht

  $('li a').addClass('green')

//Wenn durch Leerzeichen getrennt, ändert sich die Vordergrundfarbe von

$('ul > *').addClass('red')

//3 Geschwisterelemente +

Ändern Sie das nächste Geschwisterelement des 5. Li: die Vordergrundfarbe des 6. Li in Grün

$('ul  *').css('color','red')

//4. Alle Geschwisterelemente~

$('li:nth-child(5) + li').addClass('green')

/ / 5. Das erste und das letzte Element

$('li:nth-child(5) ~ li').addClass('green')

//6. Wählen Sie direkt ein Element aus

  $('li:first-child').addClass('green')
  $('li:first').addClass('green')
  $('li:last-child').css('color','red')
  $('li:last').css('color','red')

//7 Wählen Sie Elemente aus, die größer oder kleiner als eine bestimmte Sequenznummer sind

//Entferne zuerst die Klasse für alle Elemente

  $('li:nth-child(6)').addClass('red')
  //jquery使用eq(i),i从0开始,注意与css中的不一样
  $('li:eq(5)').addClass('red')

//Entferne nur li, außer dem a unter li, der Link ist immer noch grün

  $('*').removeClass()

//Wähle alle Elemente mit Seriennummern größer als aus 4, Beachten Sie, dass die Berechnung bei 0 beginnt

  $('li').removeClass()

//Wählen Sie alle Elemente mit Seriennummern unter 8 aus

$('li:gt(3)').addClass('red')

//Wählen Sie Elemente basierend auf Seriennummermerkmalen aus

// Wählen Sie alle Elemente mit geraden Seriennummern aus. Element gerade

//Da es bei 0, 0, 2,, 4 beginnt, sieht es also so aus, als ob eine ungerade Zahl ausgewählt wurde, achten Sie bitte auf

$('li:lt(7)').addClass('red')

//Sie haben es vielleicht erraten, wählen Sie eine ungerade Zahl. Verwenden Sie ungerade, natürlich haben Sie Recht

$('li:even').addClass('red')

Das obige ist der detaillierte Inhalt vonHierarchischer JQuery-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!