jQuery选择器

jQuery选择器 —> $(“…”)

---

• 基本选择器

  基本选择器	例子	注明
  #id
  .class
  element
  *
  selector1,selector2,…

---

• 层次选择器

  层次选择器	例子	注明
  ancestor descendant	$(“div span”)	div下的所有span
  parent>child	$(“div>span”)	div下的子元素span
  *prev+next	$(“.one+div”)	class为one的下一个div同辈元素
  *prev~siblings	$(“.one~div”)	class为one的所有div同辈元素

  ---

  *jQuery取代写法

  $(".one+div") <==> $(".one").next("div")   
  $(".one~div") <==> $(".one").nextall("div")             $(".one").siblings("div")
          注意：nextall()方法只能选择prev后面的同辈div元素，siblings()方法选择所有同辈元素.
  

---

• 过滤选择器 【索引从0开始】

  过滤选择器	例子	注明
  :first	$(“div:first”)	所有div中第一个元素
  :last
  :not(selector)
  :even		索引为偶数元素
  :odd		索引为奇数元素
  :eq(index)
  :gt(index)
  :lt(index)
  :header
  :animated		正在执行动画的元素
  :focus		当前获取焦点的元素

---

• 内容过滤选择器

  内容过滤选择器	例子	注明
  :contains(text)	$(“div:contains(‘我’)”)	选含有文本”我”的div元素
  :empty	$(“div:empty”)	选不包含子元素(包括文本元素)的div元素
  :has(selector)	$(“div:has(p)”)	选含有P元素的div元素
  :parent	$(“div:parent”)	选拥有子元素(包括文本元素)的div元素

---

• 可见性过滤选择器

  可见性过滤选择器	例子	注明
  :hidden	$(“:hidden”)	选择不可见元素*
  :visible

  ---

  *隐藏元素部分方法

  <input type="hidden"/> 
  <div style="display:none;">                                                         <div style="visibility:hidden;">

---

• 属性过滤选择器

  属性过滤选择器	例子	注明
  [attribute]	$(“div[id]”)	选拥有属性id元素
  [attribute=value]
  [attribute!=value]
  [attribute^=value]	$(“div[title^=test]”)	选属性title以test开始的div元素
  [attribute$=value]		选属性title以test结束的div元素
  [attribute*=value]		选属性title含有test的div元素
  [attribute¦=value]	$(‘div[title¦=”en”]’)	选属性title等于en或以en为前缀的div元素 *前缀指en-test
  [attribute~=value]		选属性title用空格分隔旳值中包含en的div元素
  [attribute1]…[attributeN]

---

• 子元素过滤选择器 【索引从1开始】

  子元素过滤选择器	例子	注明
  :nth-child(index/even/odd/equation)		:eq(index)只匹配一个元素，:nth-child为每一个父元素匹配子元素
  :first-child
  :last-child
  :only-child

  ---

      注意:当使用:A选择器时，若:A前不含其它范围则代表全局起选择作用，例如【$(":hidden")与$("input:hidden")】
  

---

• 表单对象属性过滤选择器

  表单对象属性过滤选择器	例子	注明
  :enabled	$(“#form1 input:enabled”)	选取form1中可用元素input旳值
  :disabled
  :checked	$(“input:checked”)
  :selected	$(“select option:selected”)

  ---

      注意： :enabled :disabled可以用于更改表单文字  
            :checked获取复选框选中个数  
            :selected获取下拉列表选中内容
  

---

• 表单选择器

  表单选择器	例子	注明
  :input
  :text
  :password
  :radio		选取所有单选框
  :checkbox		选取所有复选框
  :submit
  :image
  :reset
  :button
  :file		选取所有上传域
  :hidden

---