appel de méthode de recherche jquery

jQuery est l'une des bibliothèques JavaScript les plus populaires, offrant une multitude de méthodes et de fonctions pour manipuler HTML, CSS et DOM. Parmi elles, la méthode de recherche est l’une des méthodes les plus basiques et les plus couramment utilisées. Cet article présentera la méthode de recherche de jQuery et comment l'appeler.

1. Sélecteur de base

La méthode de sélection de base de jQuery est utilisée pour sélectionner des éléments HTML. Voici la méthode d'appel du sélecteur de base :

1. Sélectionnez par nom d'élément

$("elementName") //elementName est le nom de l'élément HTML, tel que $("div")

2. Sélectionnez par nom de classe

$(".className") //className est le nom de classe défini en CSS, tel que $(".main")

3 Sélectionnez par ID

$("#id") /. /id est l'ID de l'élément HTML, tel que $("#header")

4. Sélectionner par attribut

$("[attribute=value]") //attribute est le nom de l'attribut, qui peut être une classe, un identifiant. ou tout attribut personnalisé ; la valeur est la valeur de l'attribut, telle que $("[type='submit']")

2. Sélecteur hiérarchique

La méthode de sélection hiérarchique est utilisée pour sélectionner des éléments HTML avec des relations parent-enfant ou frère. . Voici la méthode d'appel du sélecteur hiérarchique :

1. Sélectionnez les éléments enfants

$("parent child") //parent est l'élément parent et child est l'élément enfant, tel que $(".wrapper p")

2. Sélectionnez les éléments enfants directs

$("parent > child") //parent est l'élément parent et child est l'élément enfant, tel que $(".wrapper > p")

3. éléments frères et sœurs adjacents

$ ("prev + next") //prev est l'élément frère précédent, next est l'élément frère suivant, tel que $("#header + p")

4. Sélectionnez tous les éléments frères et sœurs

. $("prev ~ siblings" ) //prev est l'élément frère précédent, et les frères et sœurs sont tous les éléments frères suivants, tels que $(".main ~ li")

3. Sélecteur de filtre

La méthode de sélection de filtre est utilisée. pour filtrer et additionner dans l'ensemble d'éléments sélectionné Sélectionnez les éléments qui répondent aux critères. Voici comment appeler le sélecteur de filtre :

1. Sélectionnez le premier élément

$("selector:first") //le sélecteur est n'importe quel sélecteur, tel que $("p:first")

2.Select Le dernier élément

$("selector:last") //selector est n'importe quel sélecteur, tel que $("p:last")

3 Sélectionnez l'élément impair

$("selector:odd"). / /le sélecteur est n'importe quel sélecteur, tel que $("li:odd")

4. Sélectionnez les éléments pairs

$("selector:even") //le sélecteur est n'importe quel sélecteur, tel que $("li: même ")

5. Sélectionnez les éléments qui contiennent le texte spécifié

$("selector:contains(text)") //le sélecteur est n'importe quel sélecteur, le texte est le texte inclus, tel que $("p:contains(' Hello World ')")

4. Filtrage d'attributs

La méthode de filtrage d'attributs est utilisée pour filtrer les éléments qui remplissent les conditions dans la collection d'éléments sélectionnée. Voici la méthode d'appel du filtrage d'attribut :

1. Sélectionnez l'élément avec l'attribut spécifié

$("selector[attribute]") //le sélecteur est n'importe quel sélecteur, l'attribut est le nom de l'attribut, tel que $(" a[href]" )

2. Sélectionnez l'élément avec l'attribut spécifié et la valeur de l'attribut contient le texte spécifié

$("selector[attribute*=value]") //le sélecteur est n'importe quel sélecteur, l'attribut est l'attribut le nom et la valeur sont le texte inclus, tel que $("a[href*='https']")

3 Sélectionnez l'élément avec l'attribut spécifié et la valeur de l'attribut commençant par le texte spécifié

$(" selector[attribute^=value]") //le sélecteur est n'importe quel appareil de choix, l'attribut est le nom de l'attribut et la valeur est le texte de départ, tel que $("input[type^='text']")

4. Sélectionnez l'élément avec l'attribut spécifié et la valeur de l'attribut se termine par le texte spécifié

$("selector [attribute$=value]") //le sélecteur est n'importe quel sélecteur, l'attribut est le nom de l'attribut et la valeur est le texte au end, tel que $("img[src$='.jpg']")

5. Filtre de formulaire

La méthode de filtre de formulaire est utilisée pour filtrer les éléments qui remplissent les conditions des éléments du formulaire. Voici comment appeler le filtre de formulaire :

1. Sélectionnez tous les éléments du formulaire

$(":input") //tels que $(":input")

2. Sélectionnez toutes les zones de saisie de texte

$. (" input:text") //Comme $("input:text")

3. Sélectionnez toutes les zones de saisie du mot de passe

$("input:password") //Comme $("input:password")

4. Sélectionnez toutes les cases des boutons radio

$("input:radio") //Par exemple $("input:radio")

5. Sélectionnez toutes les cases à cocher

$("input:checkbox") / /Par exemple $( "input:checkbox")

6. Autres sélecteurs

En plus des sélecteurs de base, des sélecteurs hiérarchiques, des sélecteurs de filtres, des filtres d'attributs et des filtres de formulaire introduits ci-dessus, jQuery fournit également des fonctions telles que les sélecteurs de contenu, la visibilité Sélecteurs et sélecteurs d'état et méthodes de sélection plus puissantes. Les méthodes d'appel de ces méthodes sont similaires aux méthodes d'appel ci-dessus et ne seront pas décrites à nouveau ici.

Résumé

Cet article présente les méthodes de recherche de jQuery et comment les appeler, y compris les sélecteurs de base, les sélecteurs hiérarchiques, les sélecteurs de filtres, les filtres d'attributs, les filtres de formulaire et d'autres sélecteurs. Dans le développement réel, il est très important de maîtriser ces méthodes et fonctions, ce qui peut améliorer considérablement l'efficacité du développement et la qualité du code, et constitue également un moyen important d'améliorer la compétitivité.

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!