jQuery选择器汇总

基本选择器

  • id选择器:$("#input_id")    获取id为input_id的标签对象
  • 类选择器:$(".input_class")   获取class为input_class的标签对象
  • 元素选择器:$("input")    获取标签为input的对象
  • 通用选择器:$("*")   获取所有标签对象
  • selector1,selector2,...,selectorN:$("p,span,p.myClass")  获取所有<p>,<span>和class为myClass的<p>标签的元素集合

层级选择器

  • 后代选择器:$("div span")   div下面包含的所有span(不是直系的span也可以)
  • 子父选择器:$("div>span")  div下直系子元素
  • 兄弟选择器:$("#sp1+span")  获取id属性为sp1的紧挨着的span(如果id为sp1的属性,紧挨着的标签不是span,则获取为空)                        $("#sp1~span")  获取id属性为sp1后面所有同级的span

基本过滤选择器(如果多个同级ul,多个ul为一个整体)

  • :first    $("ul li:first")   ul标签下,li标签下的第一个li对象
  • :last     $("ul li:last")   ul标签下,li标签下的最后一个li对象
  • :not 
  • :even   $("ul li:even")   ul标签下,li标签中下标为偶数的li对象(下标从0开始)
  • :odd     $("ul li:odd")   ul标签下,li标签中下标为奇数的li对象(下标从0开始)
  • :eq        $("ul li:eq(3)")   ul标签下,li标签中下标为3的li对象(下标从0开始)
  • :gt        $("ul li:gt(3)")   ul标签下,li标签中下标大于3的所有li对象(下标从0开始)
  • :lt         $("ul li:lt(3)")   ul标签下,li标签中下标小于3的所有li对象(下标从0开始)
  • :header 
  • :animated

内容过滤选择器

  • :empty   $("ul li:empty")   ul标签下,li标签中为空的所有li对象

可见性过滤选择器

  • :hidden   $("ul li:hidden")   ul标签下,li标签中为隐藏的所有li对象(如果没有属性是hidden,但有display:none,也会视为隐藏而获得)

属性选择器

  • $("input[type=text]")  获取input标签中type属性为text的对象
  • $("input[name^=t]")  获取input标签中name属性以t开头的对象
  • $("input[name$=e]")  获取input标签中name属性以e结尾的对象
  • $("input[name*=x]")  获取input标签中name属性包含x的对象
  • $("input[type!=text]")  获取input标签中type属性不等于text的对象

子元素选择器(如果多个同级ul,单个ul为一个整体)

  • :nth-child   $("ul li:nth-child(2)")   ul标签下,li标签中第二个li对象(多个ul的话,则是获取每个ul的第二个li)
  • :first-child   $("ul li:first-child(1)")   ul标签下,li标签中第一个li对象(多个ul的话,则是获取每个ul的第一个li)
  • :last-child   $("ul li:last-child(1)")   ul标签下,li标签中最后一个li对象(多个ul的话,则是获取每个ul的最后一个li)
  • :only-child  $("ul li:only-child(1)")   ul标签下只有一个li时 获取

表单选择器

  • :input   $(":input")获取表单下所有表单项对象
  • :text      $(":text")获取input里type为text的对象
  • :password   
  • :radio 
  • :checkbox 
  • :submit 
  • :image 
  • :reset 
  • :button 
  • :file 
  • :hidden

表单属性选择器

  • $("input:disabled")  获取input标签中含有disabled属性的对象

复合属性选择器

  • $("input[type=text][name^=z]") 获取input标签中type为text,且name属性是以z开头的对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值