Comment obtenir l'élément sélectionné dans jquery

En tant que bibliothèque JavaScript très couramment utilisée dans le développement Web, jQuery dispose d'une API puissante et riche qui peut facilement obtenir et exploiter des éléments dans des pages Web. jQuery fournit une série de sélecteurs pour sélectionner des éléments dans les documents HTML. Dans le développement réel, nous devons obtenir l'élément sélectionné en fonction du fonctionnement de l'utilisateur. Cet article explique comment obtenir l'élément sélectionné dans jQuery.

1. Sélecteur de base

Le sélecteur de base est le sélecteur le plus basique de jQuery. Grâce aux sélecteurs de base, nous pouvons sélectionner tous les éléments DOM, types d'éléments, classes, identifiants, etc. Les sélecteurs de base suivants sont couramment utilisés :

1. *：选择所有元素
2. #id：根据id选择元素
3. .class：根据class选择元素
4. element：选择元素类型
5. [attribute]：选择有某个属性的元素
6. [attribute=value]：选择某个属性等于给定值的元素

2. Sélecteur hiérarchique

Le sélecteur hiérarchique peut être utilisé pour sélectionner des éléments imbriqués dans un élément ou un groupe d'éléments spécifié. Les sélecteurs hiérarchiques suivants sont couramment utilisés :

1. ancestor descendant：选择某元素内的后代元素
2. parent > child：选择某元素的直接子元素
3. prev + next：选择某元素之后的紧邻的兄弟元素
4. prev ~ siblings：选择某元素之后的所有兄弟元素

3. Sélecteur de filtre

Les sélecteurs de filtre peuvent sélectionner des éléments en fonction de leur statut, notamment si le sélecteur a un certain attribut et si l'élément est dans un certain état (par exemple visible ou bloqué). ). Désactivé), position du nœud et autres conditions. Les sélecteurs de filtre suivants sont couramment utilisés :

1. :first、:last：选择第一个、最后一个元素
2. :not(selector)：选择不符合条件的元素
3. :even、:odd：选择偶数或奇数元素
4. :disabled、:enabled：选择被禁用、可用的元素
5. :checked：选择被选中的元素
6. :selected：选择被选择的元素

4. Obtenez l'élément sélectionné

Il existe deux manières principales d'obtenir l'élément sélectionné dans jQuery :

1. Utilisez la méthode val() de l'élément de formulaire

Lorsque nous Lorsque l'élément sélectionné est un élément de formulaire (comme input, textarea, etc.), vous pouvez directement utiliser la méthode val() pour obtenir la valeur de l'élément sélectionné. Le code est le suivant :

var value = $("input:checkbox:checked").val();

Le paramètre de code ci-dessus. input:checkbox:checked signifie que tous les éléments cochés sont sélectionnés, puis utilisez la méthode val() pour obtenir sa valeur.

2. Utiliser les sélecteurs et les fonctions de gestion des événements

Lorsque l'élément que nous sélectionnons n'est pas un élément de formulaire, nous pouvons obtenir l'élément sélectionné via la fonction de sélecteur et de gestion des événements. Le code est le suivant :

// 给被选中的元素绑定click事件
$("p").click(function() {
  $(this).toggleClass("selected");
});

// 获取被选中的元素
var selected = $("p.selected");

Dans le code ci-dessus, nous utilisons la méthode click() pour lier l'événement click à l'élément sélectionné. Lorsqu'un élément est cliqué, le nom de la classe sélectionnée sera ajouté ou supprimé de l'élément, indiquant que l'élément est cliqué. Cochez ou décochez. Enfin, nous utilisons le sélecteur pour obtenir l'élément sélectionné.

Résumé : Pour obtenir l'élément sélectionné dans jQuery, vous pouvez utiliser des sélecteurs de base, des sélecteurs hiérarchiques et des sélecteurs de filtre, ou vous pouvez obtenir l'élément sélectionné via la méthode val() et la fonction de gestion d'événements de l'élément de formulaire. La maîtrise de ces méthodes peut nous faciliter l’exploitation des éléments des pages Web.

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!