jQuery基礎——樣式篇 (選擇器）

• jQuery選擇器：

  id選擇器 $( ' #id ' )
  類選擇器 $( ' .class ')
  元素選擇器 $( ' element ' )
  全選擇器 $( ' * ' )
  層級選擇器 ：
  

---

---

基本篩選選擇器：

注意： 1、 :eq(), :lt(), :gt(), :even, :odd
用來篩選他們前面的匹配表示式的集合元素，根據之前匹配的元素在進一步篩選，注意jQuery合集都是從0開始索引
2、 gt是一個段落篩選，從指定索引的下一個開始，gt(1) 實際從2開始

內容篩選選擇器：
$(':contains(text)')
$(':parent')
$(':empty')
$(':has(selector)')
可見性篩選選擇器：
$(':visible')
$(':hidden')
屬性篩選選擇器：
$('[attr="value"]')
$('[attr*="value"]')

例如：
查詢所有div中，有屬性name中的值包含一個test字串的div元素
$('div[name*="test"]')

子元素篩選選擇器：
$(':first-child')
$(':last-child')
$(':nth-child')
表單元素選擇器：
$(':input')
$('input:text')
$('input:password')
$('input:radio')
$('input:checkbox')
$('input:submit')
$('input:image')
$('input:button')
$('input:file')
表單物件屬性篩選選擇器：
$('input:enabled')
$('input:disabled')
$('input:checked')
$('option:selected')
特殊選擇器this：
$(this)

this，表示當前的上下文物件是一個html物件，可以呼叫html物件所擁有的屬性和方法。
$(this),代表的上下文物件是一個jquery的上下文物件，可以呼叫jQuery的方法和屬性值。