首頁 > web前端 > js教程 > JQuery 学习笔记 选择器之三_jquery

JQuery 学习笔记 选择器之三_jquery

WBOY
發布: 2016-05-16 18:49:27
原創
991 人瀏覽過

复制代码 代码如下:





无标题文档






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);
    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板