一、選擇器的作用：
類似於css中選擇器，在進行元素操作之前，要使用選擇器選中元素。
如：document.getelementbyid("id") id選擇器
二、jquery常用的選擇器有如下：
1. 基本選擇器
2. 層級選擇器
3. 屬性選擇器
4. 基本過濾選擇器
5. 表單屬性選擇器
三．基本選擇器
1. 選擇器的語法：
1). id選擇器： $("#id")
2). 類選擇器： $(".類名")
3). 標籤選擇器： $("標籤名")
2. 示例：基本選擇器的使用
四．層級選擇器
1. 語法：
1) 獲得a元素內部的所有的b元素： $("a b")
說明：b元素是a元素的子孫標籤
2) 獲得a元素下面的所有b子元素：$("a>b")
說明：b元素只是a元素的子元素，不含孫元素
說明：b元素是a元素的兄弟元素，如果a元素是排行老二，b元素排序老三
4) 獲得a元素同級，所有後面b元素(多個元素)：$("a~b")
說明：b元素是a元素後面的所有的兄弟元素，如果a元素是排行老二，b元素是老三，四...
5) 得到所有的兄弟： siblings() ，指定具體的標籤：siblings("標籤")
2. 示例：
//1) 改變 內所有 的背景色為紅色
$("#b1").click(function());
//2) 改變 內子 的背景色為 紅色
$("#b2").click(function());
//3) 改變 id 為 one 的下乙個 的背景色為 紅色
$("#b3").click(function());
//4) 改變 id 為 two 的元素後面的所有兄弟的元素的背景色為 紅色
$("#b4").click(function());
//5) 改變 id 為 two 的元素所有 兄弟元素的背景色為紅
$("#b5").click(function());
五．屬性選擇器
1. 語法：
1) 獲得有屬性名的元素： $("標籤[屬性名]")
2) 獲得屬性名 等於 值 元素： $("標籤[屬性名='屬性值']")
3) 獲得屬性名 不等於 值 元素： $("標籤[屬性名!='屬性值']")
4) 獲得屬性名 以 值 開頭 元素： $("標籤[屬性名^='屬性值']")
5) 獲得屬性名 以 值 結尾 元素： $("標籤[屬性名$='屬性值']")
6) 獲得屬性名 含有 值 元素： $("標籤[屬性名*='屬性值']")
7) 復合屬性選擇器，多個屬性同時過濾：$("標籤[屬性名='屬性值'][屬性名='屬性值'][屬性名='屬性值']")
2. 示例：
//1) 含有屬性title 的div元素背景色為紅色
$("#b1").click(function() );
//2) 屬性title值等於test的div元素背景色為紅色
$("#b2").click(function() );
//3) 屬性title值不等於test的div元素(沒有title屬性的也將被選中)背景色為紅色
$("#b3").click(function() );
//4) 屬性title值 以te開始 的div元素背景色為紅色
$("#b4").click(function() );
//5) 屬性title值 以est結束 的div元素背景色為紅色
$("#b5").click(function() );
//6) 屬性title值 含有es的div元素背景色為紅色
$("#b6").click(function() );
//7) 選取有屬性id的div元素，然後在結果中選取屬性title值含有「es」的 div 元素背景色為紅色
$("#b7").click(function() );
六．基本過濾選擇器
1. 語法：
1)獲得選擇的元素中的第乙個元素
:first
2)獲得選擇的元素中的最後乙個元素
:last
3)不包括指定內容的元素
:not(選擇器)
4)偶數，從 0 開始計數
:even
5)奇數，從 0 開始計數
:odd
6)指定第幾個
:eq(n)
7)大於第n個，不含第index個
:gt(n) --- greater than
8)小於第n個，不含第index個
:lt(n) --- less than
9)獲得標題所有標題元素 （/....）
:header
10) 獲得正在執行動畫的元素
:animated
2. 示例：
//向上滑動
$("#mover").slideup(5000);
//1) 改變第乙個 div 元素的背景色為 紅色，從0開始
$("#b1").click(function());
//2) 改變最後乙個 div 元素的背景色為 紅色
$("#b2").click(function());
//3) 改變class不為 one 的所有 div 元素的背景色為 紅色
$("#b3").click(function());
//4) 改變索引值為偶數的 div 元素的背景色為 紅色，不會層級
$("#b4").click(function());
//5) 改變索引值為奇數的 div 元素的背景色為 紅色
$("#b5").click(function());
//6) 改變索引值為大於 3 的 div 元素的背景色為 紅色
$("#b6").click(function());
//7) 改變索引值為等於 3 的 div 元素的背景色為 紅色
$("#b7").click(function());
//8) 改變索引值為小於 3 的 div 元素的背景色為 紅色
$("#b8").click(function());
//9) 改變所有的標題元素的背景色為 紅色
$("#b9").click(function());
//10) 改變當前正在執行動畫的所有元素的背景色為 紅色
$("#b10").click(function());
七．表單屬性選擇器
1. 語法：
1) 可用：
:enabled
2) 不可用：
:disabled
3) 選中（單選radio ，多選checkbox）：
:checked
4) 選擇（下列列表 中的）：
:selected
2. 示例：
//1) 利用 jquery 物件的 val() 方法改變表單內可用 元素的值
$("#b1").click(function());
//2) 利用 jquery 物件的 val() 方法改變表單內不可用 元素的值
$("#b2").click(function());
//3) 利用 jquery 物件的 length 屬性獲取多選框選中的個數，並且迴圈輸出每個選中的元素值。
$("#b3").click(function(){
var ck = $("input[name='items']:checked");
alert(ck.length);
for(var i=0; i//4) 利用 jquery 物件的 text() 方法或js物件的innerhtml獲取下拉框選中的option中的內容，並且迴圈輸出每個文字。
//text()相當於innertext
$("#b4").click(function(){
var op = $("option:selected");
for(var i=0; i
二 jQuery選擇器
jquery選擇器的優勢 1.簡潔的寫法 2.支援css1到css3選擇器，瀏覽器相容性好 3.完善的處理機制，使用jquery獲取網頁中不存在的元素不會報錯 注意 當要用jquery檢查某個元素在網頁上是否存在時，應該根據獲取到元素的長度來判斷或者轉化成dom物件來判斷，如下 if tt leng...
jQuery（二）選擇器
jquery選擇器 1.基本選擇器 jquery選擇器用於查詢滿足條件的元素。1.id id 選擇器,document.getelementbyid id 2.div 元素選擇器 document.getelementsbytagname div 3.myclass 類選擇器 返回所有 class ...
jQuery 選擇器（二）
過濾選擇器 過濾選擇器，就是在選擇器中通過 新增過濾條件。按照不同的過濾規則，過濾選擇器可以分為基本過濾，內容過濾，可見性過濾，屬性過濾，子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 1.獲取第乙個input元素 var input query input first 2.獲取最後乙個inpu...