Maison > interface Web > js tutoriel > JQuery 学习笔记 选择器之三_jquery

JQuery 学习笔记 选择器之三_jquery

WBOY
Libérer: 2016-05-16 18:49:27
original
989 Les gens l'ont consulté

复制代码 代码如下:





无标题文档






h1


h2


  • li1
      1

      2

      3

      4


  • li2
      5

      6


  • li3


  • checkbox1
    checkbox2


    显示第一个ul节点的值
    显示最后一个ul节点的值
    显示未选择中checkbox的ID
    显示索引为偶数的ul内容
    显示索引为奇数的ul内容
    显示索引为3的ul内容
    显示索引大于3的ul内容
    显示索引小于3的ul内容
    显示页面标题内容


    Result:







    这节好像没有什么课外知识点,哈,那现在就进入正题咯
    1.$("TabName:first")
    描述:可获取某种节点的第一个节点,如例子中有6个ul,使用$("ul:first")即可获取到首个ul结点
    返回值:Element;
    2.$("TabName:Last")
    描述:与上一个用法差不多,区别只在于此方法用于获取最后一个节点
    返回值:Element;
    3.$("TabName:not(:attribute)")
    描述:此方法可实现一些简单的选择器过滤,如例子中,$("input:not(:checked)")就选择了未选择的checkbox元素,此方法尚在实践中,好像就只能对些值为bool的属性进行过滤,例子中相当于选择checked为false的input。
    返回值:Array(Element);
    4.$("TabName:even")
    描述:用于获取某种节点的偶数索引节点的集合,这边要强调一点,这边的索引是从0开始的所以例子中aEven点击后所获取的是第1、3、5的ul结点
    返回值:Array(Element);
    5.$("TagName:odd")
    描述:与上个方法类似,唯一的区别就是这获取的是奇数节点的集合。
    返回值:Array(Element);
    6.$("TagName:eq(index)")
    描述:用于获取某种节点集合中的index索引位置的节点
    返回值:Array(Element);
    7.$("TagName:gt(index)")
    描述:用于获取某种节点集合中,索引大于index的节点集合
    返回值:Array(Element);
    8.$("TagName:lt(index)")
    描述:用于获取某种节点集合中,索引小于index的节点集合
    返回值:Array(Element);
    9.$(":header")
    描述:用于获取页面中h1, h2, h3之类的标题节点集合
    返回值:Array(Element);
    É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