JQuery 选择器

1、基本选择器
#id-----> ${"#id"} 根据给定的ID匹配一个元素。
element-----------> $(“div”) $(“span”) 根据给定的元素名匹配所有元素
.class------------> $(".class") class的名称 根据给定的类匹配元素。

• ---------------> $("") 匹配所有元素 (不常用)
  selector1,selector2,selectorN---------> $(“div,span,p.class”) 将每一个选择器匹配到的元素合并后一起返回
  2、层级选择器
  ancestor descendant----------> $(“form input”) 在给定的祖先元素下匹配所有的后代元素 (找到表单中所有的 input 元素) ancestor:祖先 descendant：后代 爷爷后面所有的后代
  parent > child---------------> $(“form > input”) 在给定的祖先元素下匹配所有的后代元素 (匹配表单中所有的子级input元素) 父子选择器 爷爷 只能找到爸爸
  prev + next------------------> $(“form + input”) 匹配所有紧接在 prev 元素后的 next 元素 (匹配所有跟在 form 后面的 input 元素） 同级选择器
  prev ~ siblings--------------> $(“form ~ input”) 匹配 prev 元素之后的所有 siblings 元素 (找到所有与表单同辈的 input 元素) siblings:兄弟姐妹 和prev + next 相同 同级
  3、基本过滤选择器
  :first()------> 获取匹配的第一个元素 $(‘li:first’)
  :last() ------> 获取匹配的最后个元素 $(‘li:last’)
  :not(selector)-----> 查找所有未选中的 input 元素 $(“input:not(:checked)”)
  :even------------> 查找表格的1、3、5…行（即索引值0、2、4…） $("tr:even"):odd---------->查找表格的2、4、6行（即索引值1、3、5...）$(“tr:odd”)
  :eq(index)----> 匹配一个给定索引值的元素 （查找第几行）$(“tr:eq(1)”)
  :gt(index)----> 匹配所有大于给定索引值的元素 (查找大于给定值的行数) $(“tr:gt(0)”)
  :lt(index)----> 匹配所有小于给定索引值的元素 (查找小于给定值的行数) $(“tr:lt(2)”)
  :header-----> 匹配如 h1, h2, h3之类的标题元素 (不常用) $(":header").css(“background”, “#EEE”);----》给页面内所有标题加上背景色
  :animated---->匹配所有正在执行动画效果的元素 (不常用)
  :focus---->触发每一个匹配元素的focus事件(不常用) $("#login:focus")------》当页面加载后将 id 为 ‘login’ 的元素设置焦点
  4、内容过滤选择器
  :contains(text)—>匹配包含给定文本的元素 $(“div:contains(‘John’)”)---->div中包含john的元素
  :empty---->匹配所有不包含子元素或者文本的空元素 $(“td:empty”)----->td标签中没有值的空元素
  :parent—> 匹配含有子元素或者文本的元素 $(“td:parent”)---->td标签中有值的元素
  :has(selector)---->匹配含有选择器所匹配的元素的元素 $(“div:has§”).addClass(“test”);==>给所有包含 p 元素的 div 元素添加一个 text 类 结果：[

  Hello

  ]
  5、可见性过滤选择器
  :hidden---->匹配所有不可见元素，或者type为hidden的元素 (display:none)(type=“hidden”) $(“tr:hidden”)
  :visible—>匹配所有的可见元素 $(“tr:visible”)
  6、属性过滤选择器
  [attribute]—>匹配包含给定属性的元素 $(“div[id]”) 查找所有含有 id 属性的 div 元素
  [attribute=value]---->匹配给定的属性是某个特定值的元素 $(“input[name=‘newsletter’]”).attr(“checked”, true); 或者 $(“input[type=‘checkbox’][name=‘newsletter’]”)
  [attribute!=value]—>匹配所有不含有指定的属性，或者属性不等于特定值的元素 $(“input[name!=‘newsletter’]”).attr(“checked”, true);
  [attribute^=value]---->匹配给定的属性是以某些值开始的元素 KaTeX parse error: Double superscript at position 15: ("input[name^='̲news']") [attri…=value]---->匹配给定的属性是以某些值结尾的元素 $("input[name$=‘letter’]")
  [attribute=value]---->匹配给定的属性是以包含某些值的元素 $(“input[name*=‘man’]”)
  [selector1][selector2][selectorN]---->复合属性选择器，需要同时满足多个条件时使用 并集关系 $("input[id][name$=‘man’]")
  7、表单及表单属性过滤器
  :input------->匹配所有 input, textarea, select 和 button 元素 $(":input") (不常用)
  :text----->匹配所有的单行文本框 $(":text")
  :password----->匹配所有密码框 $(":password")
  :radio----->匹配所有单选按钮 $(":radio")
  :checkbox----->匹配所有复选框 $(":checkbox")
  :submit----->匹配所有提交按钮 $(":submit")
  :image----->匹配所有图像域 $(":image")
  :reset----->匹配所有重置按钮 $(":reset")
  :button----->匹配所有按钮 $(":button")
  :file----->匹配所有文件域 $(":file")
  :hidden----->匹配所有不可见元素，或者type为hidden的元素 $(":hidden")

:enabled----->匹配所有可用元素 $(“input:enabled”)
:disabled----->匹配所有不可用元素 $(“input:disabled”)
:checked------>匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) $(“input:checked”)
:selected----->匹配所有选中的option元素 $(“select option:selected”)