sélecteur hiérarchique jquery

///1. Descendants : espaces

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

//2. Tous les éléments enfants>

//Seule la couleur de premier plan de l'élément enfant li devient rouge et le élément petit-enfant Le texte ne changera pas

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

//S'il est séparé par des espaces, la couleur de premier plan de

> // 3. Éléments frères et sœurs adjacents +

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

Changer la couleur de premier plan du prochain frère du 5ème li : le 6ème li en vert

//4.

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

//5. Le premier et le dernier éléments

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

//6. Sélectionnez directement un élément

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

//7 Sélectionnez des éléments supérieurs. supérieur ou inférieur à un certain numéro de série

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

//Supprimez d'abord la classe sur tous les éléments

//Supprimez uniquement le li, à l'exclusion du a sous le li, le lien est toujours vert

  $('*').removeClass()

//Sélectionnez tous les éléments dont les numéros de série sont supérieurs à 4, à partir de 0

  $('li').removeClass()

//Sélectionnez tous les éléments dont les numéros de série sont inférieurs à 8

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

//Sélectionnez les éléments en fonction des caractéristiques du numéro de série

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

//Sélectionnez tous les éléments avec des numéros de série pairs, même

//Parce que cela commence à partir de 0, 0, 2,, 4 , donc on dirait que si vous choisissez un nombre impair, faites attention

//Vous avez peut-être deviné que choisir un nombre impair signifie impair. Bien sûr, vous avez raison

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

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!