Maison > interface Web > js tutoriel > qu'est-ce que le sélecteur jquery

qu'est-ce que le sélecteur jquery

(*-*)浩
Libérer: 2020-09-18 15:04:57
original
10387 Les gens l'ont consulté

Le sélecteur jQuery est une manifestation puissante de jQuery. Il fournit un ensemble de méthodes qui nous permettent d'obtenir plus facilement des éléments sur la page.

qu'est-ce que le sélecteur jquery

Les sélecteurs d'éléments et d'attributs jQuery vous permettent de sélectionner des éléments HTML par nom de balise, nom d'attribut ou contenu.

Les sélecteurs permettent d'opérer sur des groupes d'éléments HTML ou sur des éléments individuels.

En termes HTML DOM :

Les sélecteurs vous permettent d'opérer sur des groupes d'éléments DOM ou des nœuds DOM individuels.

Il existe de nombreux types de sélecteurs jQuery, jetons-y un coup d'œil.

Sélecteur d'éléments jQuery

jQuery utilise des sélecteurs CSS pour sélectionner des éléments HTML.

$("p") sélectionne l'élément

$("p.intro") sélectionne tous les éléments

avec class="intro".

$("p#demo") sélectionne tous les éléments

avec id="demo".

Sélecteur d'attribut jQuery

jQuery utilise une expression XPath pour sélectionner des éléments avec un attribut donné.

$("[href]") sélectionne tous les éléments avec l'attribut href.

$("[href='#']") sélectionne tous les éléments avec une valeur href égale à "#".

$("[href!='#']") sélectionne tous les éléments dont la valeur href n'est pas égale à "#".

$("[href$='.jpg']") Obtient tous les éléments dont la valeur href se termine par ".jpg".

Sélecteurs CSS jQuery

Les sélecteurs CSS jQuery peuvent être utilisés pour modifier les propriétés CSS des éléments HTML.

L'exemple suivant change la couleur d'arrière-plan de tous les éléments p en rouge :

$("p").css("background-color","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!

Étiquettes associées:
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