Maison  >  Article  >  interface Web  >  Introduction aux différents sélecteurs de JQuery

Introduction aux différents sélecteurs de JQuery

零下一度
零下一度original
2017-06-26 11:55:351286parcourir

1. Sélecteur de base JQuery

express description remarks
$("#idName") id选择器  
$(".className") 类选择器  
$("tagName") 标签选择器  
$("*") 通配符选择器  
$("tagName,.className,#idName,...") 群组选择器  

2. De la relation parent-enfant

Sélectionnez des nœuds en fonction des relations fraternelle

express description remarks
$("a b") 选择a节点所有的后代节点b
( 包括子节点和孙节点 )
 
$("a>b") 选择a节点的所有子节点b
( 只包含子节点, 不包含孙节点 )
 
$("a+b") 选择a节点之后的第一个兄弟节点b  
$("a~b") 选择a节点之后的所有兄弟节点b 注意是 a 节点之后的兄弟节点,
而不是所有的兄弟节点
.

3. Sélecteur de filtre de base

Filtrer les balises du point de vue de la position.

express description remarks
$("tagName:first") 选取tagName元素集合中的第一个元素  
$("tagName:last") 选择tagName元素集合中的最后一个元素  
$("tagName:odd") 选择tagName元素集合中奇数位置的元素  
$("tagName:even") 选择tagName元素集合中偶数位置的元素  
$("tagName:eq(1)") 选择tagName元素集合中第二个元素
( 索引和数组一样, 从零开始 )
 
$("tagName:gt(2)") 选择tagName元素集合中第三个元素往后的元素
( 即tagName下, 位置大于3的元素 )
 
$("tagName:lt(2)") 选择tagName元素集合中第三个元素往前的元素
( 即tagName下, 位置小于3的元素 )
 
$(":header") 选中所有的标题元素
( h1 到 h6 )
 
$(":animated") 选择有动画的元素  
$("tagName:not(.one)") 选择tagName元素集合中class值不是one的元素  

4. Sélecteur de filtrage de contenu

Si la valeur du nœud est vide et si le texte sur le nœud contient la chaîne spécifiée, que ce soit la valeur de classe dans le sous-élément est la valeur spécifiée.

express description remarks
$("tagName:empty") 选择tagName元素集合中内容为空的元素
( 不是子元素 )
 
$("tagName:parent") 选择tagName元素集合中包含子元素的元素  
$("tagName:contents('abc')") 选择tagName元素集合中内容包含"abc"的元素
( 不是子元素 )
 
$("tagName:has(.one)") 选择tagNmae元素集合中class值为one的元素
( 不是子元素, 是tagName元素 )
 

5. Filtre d'attributs (sélectionner les éléments contenant les attributs spécifiés)

Filtrer les nœuds en fonction de leurs attributs : avec ou sans attributs, valeurs d'attribut ​​sont égaux, différents de, incluent, commencent par **, terminent par **, filtrage multiple

express description remarks
$("div[id]") 被选中的元素包含id属性  
$("div[id='test']") 被选中的元素包含id="test"  
$("div[title!='test']") 被选中的元素的title属性不是"test"  
$("div[title^='te']") 被选中的元素的title属性值是由"test开始的"  
$("div[title$='st']") 被选中的元素的title属性是以"test"结尾的  
$("div[title*='est']") 被选中的元素的title属性值包含"est"  
$("div[title*='est'][id]") 被选中的元素的title属性值包含"est",
且有id属性
 

6 . Le sélecteur de filtre de visibilité

sélectionne les nœuds selon que l'élément sur la page est visible ou non

express description remarks
$("div:hidden") 选中隐藏的div元素  
$("div :hidden") 选中div元素中所有隐藏的元素
( 包括子元素和孙元素 )
 
$("div:visiable") 选中可见的div元素  
$("div :visiable") 选中div中可见的元素
( 包括子元素和孙子元素 )
 

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!

Déclaration:
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