首页 > 代码库 > JQuery 选择器

JQuery 选择器

  • JQuery选择器
    • 基本选择器
      • #id  根据id匹配
      • .class 根据class类名匹配
      • element 根据给定元素名匹配
      • * 匹配索引
      • selector1, selector2…,selectorN 将每个选择器匹配到的元素合并返回
    • 层次选择器
      • $(“ancestor descendant”) 选取ancestor里所有descendant元素
      • $(“parent > child”) 选择parent下的child元素,直接一级子元素
      • $(“prev + next”) 选择prev后的next元素,相当于nextOne
      • $(“pre ~ siblings”) 选择pre后的所有siblings元素,相当于nextAll
    • 过滤选择器
      • :first  选取第一个元素
      • :last  选取最后一个元素
      • :not(selector) 选取不满足selector的元素
      • :even 选取索引为偶数的元素
      • :odd 选取索引为奇数的元素
      • :eq(index) 选取索引等于index的元素
      • :gt(index) 选取索引大于index的元素
      • :lt(index) 选取索引小于index的元素
      • :header 选取所有标题元素
      • :animated 选取当前正执行动画的所有元素
      • :focus 选取当前获取焦点的元素
    • 内容选择器
      • :contains(text)  选取含有文本为text的元素
      • :empty 选取不包含子元素或文本的空元素
      • :has(selector)  选取包含selector选择器所匹配的元素的元素
      • :parent 选取含有子元素或文本元素的元素
    • 可见性选择器
      • :hidden  选取所有不可见元素
      • :visible 选取所有可见元素
    • 属性选择器
      • [attr]  选取含有此属性的元素
      • [attr=value] 选取属性值等于value的元素
      • [attr!=value]  选取属性值不等于value的元素
      • [attr^=value]  选取属性值以value开始的元素
      • [attr$=value]  选取属性值以value结尾的元素
      • [attr*=value]  选取属性值含有value的元素
      • [attr|=value] 选取属性值等于value或以value为前缀的元素
      • [attr~=value]  选取属性以空格分割的值中包含value的元素
      • [attr1][attr2]…[attrN]  多个选择器的组合,返回结果并集
    • 子元素过滤器
      • :nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或奇偶元素
      • :first-child  选取每个父元素下的第1个子元素
      • :last-child  选取每个父元素下的最后一个子元素
      • :only-child 选取每个父元素中的唯一子元素
    • 表单对象属性过滤选择器
      • :enabled 选取所有可用元素
      • :disabled 选取所有不可用元素
      • :checked 选取所有被选中的元素(单选框,复选框)
      • :selected 选取所有被选中的选项元素(下拉框)
    • 表单选择器
      • :input 选取所有的<input> <button> <textarea> <select>元素
      • :text 选取所有的文本输入框,单行
      • :password 选取所有的密码输入框
      • :radio 选取所有的单选框
      • :checkbox 选取所有的复选框
      • :submit 选取所有的提交按钮
      • :image 选取所有的图像按钮
      • :reset 选取所有的重置按钮
      • :button 选取所有的按钮
      • :file 选取所有的上传域
      • :hidden  选取所有不可见元素

JQuery 选择器