陈三三 Python运维站

jQuery 选择器

2020年6月21日 06:48网页开发
image

jQuery 选择器



  • 选择元素:*
  • 示例:$("*")
  • 所有元素

  • 选择元素:#id
  • 示例:$("#lastname")
  • id="lastname" 的元素

  • 选择元素:.class
  • 示例:$(".intro")
  • 所有 class="intro" 的元素

  • 选择元素:element
  • 示例:$("p")
  • 所有 p 元素

  • 选择元素:.class.class
  • 示例:$(".intro.demo")
  • 所有 class="intro" 且 class="demo" 的元素

  • 选择元素::first
  • 示例:$("p:first")
  • 第一个 p 元素

  • 选择元素::last
  • 示例:$("p:last")
  • 最后一个 p 元素

  • 选择元素::even
  • 示例:$("tr:even")
  • 所有偶数 tr 元素

  • 选择元素::odd
  • 示例:$("tr:odd")
  • 所有奇数 tr 元素

  • 选择元素::eq(index)
  • 示例:$("ul li:eq(3)")
  • 列表中的第四个元素(index 从 0 开始)

  • 选择元素::gt(no)
  • 示例:$("ul li:gt(3)")
  • 列出 index 大于 3 的元素

  • 选择元素::lt(no)
  • 示例:$("ul li:lt(3)")
  • 列出 index 小于 3 的元素

  • 选择元素::not(selector)
  • 示例:$("input:not(:empty)")
  • 所有不为空的 input 元素

  • 选择元素::header
  • 示例:$(":header")
  • 所有标题元素 h1 - h6

  • 选择元素::animated
  • 所有动画元素

  • 选择元素::contains(text)
  • 示例:$(":contains('W3School')")
  • 包含指定字符串的所有元素

  • 选择元素::empty
  • 示例:$(":empty")
  • 无子(元素)节点的所有元素

  • 选择元素::hidden
  • 示例:$("p:hidden")
  • 所有隐藏的 p 元素

  • 选择元素::visible
  • 示例:$("table:visible")
  • 所有可见的表格

  • 选择元素:s1,s2,s3
  • 示例:$("th,td,.intro")
  • 所有带有匹配选择的元素

  • 选择元素:[attribute]
  • 示例:$("[href]")
  • 所有带有 href 属性的元素

  • 选择元素:[attribute=value]
  • 示例:$("[href='#']")
  • 所有 href 属性的值等于 "#" 的元素

  • 选择元素:[attribute!=value]
  • 示例:$("[href!='#']")
  • 所有 href 属性的值不等于 "#" 的元素

  • 选择元素:[attribute$=value]
  • 示例:$("[href$='.jpg']")
  • 所有 href 属性的值包含以 ".jpg" 结尾的元素

  • 选择元素::input
  • 示例:$(":input")
  • 所有 input 元素

  • 选择元素::text
  • 示例:$(":text")
  • 所有 type="text" 的 input 元素

  • 选择元素::password
  • 示例:$(":password")
  • 所有 type="password" 的 input 元素

  • 选择元素::radio
  • 示例:$(":radio")
  • 所有 type="radio" 的 input 元素

  • 选择元素::checkbox
  • 示例:$(":checkbox")
  • 所有 type="checkbox" 的 input 元素

  • 选择元素::submit
  • 示例:$(":submit")
  • 所有 type="submit" 的 input 元素

  • 选择元素::reset
  • 示例:$(":reset")
  • 所有 type="reset" 的 input 元素

  • 选择元素::button
  • 示例:$(":button")
  • 所有 type="button" 的 input 元素

  • 选择元素::image
  • 示例:$(":image")
  • 所有 type="image" 的 input 元素

  • 选择元素::file
  • 示例:$(":file")
  • 所有 type="file" 的 input 元素

  • 选择元素::enabled
  • 示例:$(":enabled")
  • 所有激活的 input 元素

  • 选择元素::disabled
  • 示例:$(":disabled")
  • 所有禁用的 input 元素

  • 选择元素::selected
  • 示例:$(":selected")
  • 所有被选取的 input 元素

  • 选择元素::checked
  • 示例:$(":checked")
  • 所有被选中的 input 元素