博客列表 >JQuery选择器

JQuery选择器

一语笑嫣然
一语笑嫣然原创
2018年05月18日 14:42:21794浏览

JQuery的选择器分为:简单选择器,组合选择器,选择器组。

  • 简单选择器

    • 常规选择器

      • 标签选择器:$("标签名")

      • id选择器:$("标签id")

      • 类选择器:$("标签class")

    • 属性选择器

      • 属性选择:$("[属性名]")

      • 完全匹配属性值:$("[属性名='值']")

      • 完全不匹配属性值:$("[属性名!='值']")

      • 匹配起始字符为属性值:$("[属性名]^='值'")

      • 匹配末尾字符为属性值:$("[属性名$='值']")

      • 模糊匹配属性值,只要包含属性值都能匹配到:$("[属性名*='值']")

      • 单词匹配,属性值前后有空格的才是单词:$("[属性名~='值']")

      • 多个属性同时匹配:$("[属性名1][属性名2]")

    • 表单选择器

      • 匹配所有表单元素:$(":input")

      • 匹配input各个类型的元素:$("input:类型")

      • 匹配按钮元素:$(":button")

    • 位置选择器

      • 选择第n个,起始是0:$("标签名:eq(n-1)")

      • 选择位置大于n,直至最后一个:$("标签名:gt(n)")

      • 选择位置小于n,直至0:$("标签名:lt(n)")

      • 选择第一个:$("标签名:first")

      • 选择最后一个:$("标签名:last")

      • 选择偶数行:$("标签名:even")

      • 选择奇数行:$("标签名:odd")

  • 组合选择器

    • 后代组合符

      • 在A元素所有的子孙元素中查找B元素:$("ul li")

      • 在A元素中的子元素查找B元素,不查找孙元素:$("ul>li")

    • 兄弟组合符

      • 选择指定标签的所有兄弟标签中的第一个:$("#pid+p")

      • 选择指定标签的所有兄弟标签,注意不包括指定标签的前面兄弟标签和后面兄弟标签的子孙元素:$("#lid~li")

  • 选择器组

    • 用逗号(,)分隔的选择器列表:$("h1,h2,h3"),$("li:eq(2),p#pid"),$("div span,p>em")

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议