jquery的選擇器非常強大，下面總結了一下jquery選擇器的常用型別。層級選擇器
屬性選擇器
表單元素選擇器
基本過濾選擇器
子代過濾選擇器
內容過濾選擇器
可見性過濾選擇器
基本選擇器包括 *（萬用字元選擇器）、.calss (類名選擇器) 、tag(標籤選擇器) 、#id（id選擇器）
jquery api 基本選擇器位址
$('*'); //萬用字元選擇器
$('#id'); //id選擇器
$('.class') //類名選擇器
$('p'); $('div'); $('span'); //標籤選擇器
$('p, div, span'); //多個標籤選擇器，可以選擇多種指定標籤
jquery api層級選擇器位址
$('parent child'); //子類選擇器，選擇父元素子類中的元素，我管它叫做選擇子孫
$('parent>child'); //子類選擇器，選擇下一級的元素，我管它叫選擇親兒子
$('prev+next'); //兄弟選擇器，選擇緊鄰的下一位兄弟元素
$('prev~sibling');//選擇該元素後面所有的兄弟元素
jquery api屬性選擇器位址
//
$('[class]');
//$('[attrname]'),選擇擁有該屬性名的dom元素
$("[class='class1 class2']");
//$("[attrname='value']"),選擇擁有該屬性名且擁有指定屬性值的dom元素
$('[class^=c]');$('[class^=class1]');$('[class^=cl]');
//$('[attrname^=value]'), 選擇擁有該屬性名且指定屬性值在最前的dom元素,不需要寫完整的屬性名
$('[class$=2]');
//$('[attrname$=value]');選擇擁有該屬性名且指定屬性值在最後的dom元素,不需要寫完整的類名
$('[class*=l]');
//$('[attrname*=value]');選擇擁有該屬性名且指定屬性值的dom元素,不需要寫完整的類名,
//與正則匹配類似，只要屬性值中包含該指定屬性值就行
jquery表單元素位址
$('input:text'); //選擇type為text的input標籤，選擇文字框
$('input:password'); //選擇type為text的input標籤，選擇密碼框
$('input:radio'); //選擇type為radio的input標籤,選擇單選框
$('input:checked'); //選擇type為checkbox的input標籤，選擇多選框
$('input:file'); //選擇type為text的file標籤，
$('input:hidden'); //選擇type為hidden的input標籤，選擇隱藏的按鈕,該按鈕不被解析
$('input:submit'); //選擇type為submit的input標籤，選擇提交按鈕
$('input:reset'); //選擇type為reset的input標籤，選擇重新整理按鈕
$('input:button'); //選擇type為button的input標籤，選擇按鈕
$('input:image'); //選擇type為image的input標籤,image可作為乙個提交按鈕；
$('input:checked'); //選擇有checked屬性的input標籤，即預設選擇的input標籤
$('input:focus'); //選擇當前聚焦的input標籤
jquery api基本選擇器位址
$('target:first'); //選擇指定的元素的集合的第乙個
$('target:last'); //選擇指定的元素的集合的最後乙個
$('target:eq(3/2n - 1)'); //按索引值選擇指定的元素的集合的對應index值或表示式值的元素
$('target:lt(3)'); //選擇指定的元素的集合中索引值小於指定索引值的元素
$('target:gt(3)'); //選擇指定的元素的集合中索引值大於指定索引值的元素
$('target:odd()'); //選擇指定的元素的集合的奇數為元素，index從0開始，所以實際為選擇偶數字的元素
$('target:first'); //選擇指定的元素的集合的偶數字元素，實際為奇數為元素
$('target:not(selector)'); //選擇指定的元素的集合的非指定元素的其他元素，裡面填選擇器。例如，$('div:not("#id")');
$(':header("h1")'); //選擇標題；如h1,h2,h3
$(':lang()'); //選擇指定語言
$(':animated()'); //選擇現在正在運動的元素
jqueryapi子代過濾選擇器位址
$('parent:first-child'); //選擇第乙個子元素
$('parent:last-child()'); //選擇最後乙個子元素
$('parent:nth-child(index/odd/even/3n+1/2n-1)'); //選擇指定index的子元素，可以填表示式
$('parent:only-child()'); //選擇只有乙個子元素的父元素
jquery api內容選擇器位址
$('target:contains(text)'); //查詢innerhtml中有指定文字的元素
$('target:empty()'); //查詢innerhtml為空的元素
$('target:parent()'); //查詢innerhtml中至少乙個節點（任意，可以為文字、注釋、元素節點）的元素
$('target:has(selector)'); //查詢innerhtml中存在指定子元素的元素，括號裡填選擇器
jqueryapi可見內容過濾選擇器位址
$(":hidden()"); //選擇隱藏元素
//可被hidden選擇請況
//display: none;
//表單元素input type = "hidden";
//元素的寬高顯示的設定為0px,即手動設定0px;
//父元素是隱藏的
$(':visible()'); // 選擇可見元素
jQuery選擇器選擇dom元素
jquery選擇器其實是乙個有些地方比較費解的，如果沒有經過多次實驗的話，很難得出它的每個操作符到底是幹什麼的，很容易出錯，經過我的多次測試，終於對一些比較難理解或容易出錯的選擇操作進行總結，既方便自己將來查詢又方便初學者學習。如果 有不對的還望大家幫我指出來，這裡是乙個相互學習的地方。1.先說說通...
JQuery 操作DOM元素
使用attr 方法控制元素的屬性 使用attr 屬性名 是獲取該屬性的值。使用attr 屬性名 屬性值 是設定屬性的值 html text 方法控制元素的文字 包含樣式 使用html 時是獲取元素的html文字 包括樣式 如果文字是斜體的，獲取到的也是斜體的 使用html 哈哈哈 時是將元素的htm...
讀jQuery之五（取DOM元素）
使用過prototype.js的同學知道 xx 呼叫後返回的是htmlelement或其集合。jquery的 呼叫後想要獲取dom元素可以使用get方法，如下 方式1 div get 1 獲取頁面中第二個div 當然，也可以使用陣列索引方式獲取 方式2 div 1 獲取頁面中第二個div 上面兩種方...