jQuery 开发随笔

jQuery 常用的选择器

• 基本选择器

  • $("element") 通过元素名称选择元素，即 “标签选择器”
  • $(".class") 通过类名选择元素，即 “类选择器”
  • $("#id") 通过 id 选择元素，即 “ID 选择器”
  • $("*") 通过 * 获取所有元素，即 “通用选择器”

• 层次选择器

  • $("ancestor descendant") 选择 ancestor 元素内部的后代元素（儿子、孙子等后代元素），即 “后代选择器”
  • $("parent > child") 选择 parent 元素的直接子元素 child，即 “儿子选择器”
  • $("prev + next") 选择紧跟在 prev 元素后面的 next 元素
  • $("prev ~ siblings") 选择 prev 元素之后的所有 siblings 元素

• 属性选择器

  • $("[attribute]") 选择具有该属性的元素
  • $("[attribute=value]") 选择属性值等于给定值的元素
  • $("[attribute!=value]") 选择属性值不等于给定值的元素
  • $("[attribute$=value]") 选择以给定值结尾的属性值的元素
  • $("[attribute^=value]") 选择以给定值开头的属性值的元素
  • $("[attribute*=value]") 选择属性值中包含给定值的元素

• 索引选择器

  • :eq(index) 选择指定索引号的元素
  • :even 选择偶数位置的元素
  • :odd 选择奇数位置的元素
  • :first 选择第一个元素
  • :last 选择最后一个元素

• 表单选择器

  • :input 选择所有 input、textarea、select 和 button 元素
  • :text 选择所有 type=”text” 的 input 元素
  • :checked 选择所有被选中的表单元素

• 内容选择器

  • :contains(text) 选择包含指定文本的元素
  • :empty 选择没有子元素的元素
  • :has(selector) 选择包含特定选择器的元素