Maison > interface Web > js tutoriel > sélecteur hiérarchique jquery

sélecteur hiérarchique jquery

无忌哥哥
Libérer: 2018-06-29 11:11:21
original
1849 Les gens l'ont consulté

///1. Descendants : espaces

  $('li a').addClass('green')
Copier après la connexion

//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

//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')
    Copier après la connexion
    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')
    Copier après la connexion

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

    $('li:nth-child(5) ~ li').addClass('green')
    Copier après la connexion

    //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')
    Copier après la connexion

    //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')
    Copier après la connexion
    //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()
    Copier après la connexion

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

      $('li').removeClass()
    Copier après la connexion

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

    $('li:gt(3)').addClass('red')
    Copier après la connexion

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

    $('li:lt(7)').addClass('red')
    Copier après la connexion
    //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')
    Copier après la connexion
    .

    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!

  • source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal