jQuery選擇器
基礎選擇器 Basics
1.根據標簽名進行選擇
var input_query=$("input");
2.根據id值選取
var text11_query=$("#text11");
3.根據class值進行選取
var text11_query=$(".text11");
4.同時選擇多個符合條件的JQuery包裝集用,號分隔條件
var text_query=$("#text11,.text12");
5.選擇所有DOM元素
var all_query=$("*");
2.層次選擇器 Hierarchy
1.從所有tr標簽中獲取其下面的所有id值為text11的元素
var text11_query=$("tr #text11");
2.獲取所有td標簽下的所有直接input子元素
var input_query=$("td>input");
3.獲取id為text11元素后面的class為button11元素，只獲取一個符合條件的元素。text11與button11在地位上屬于同級關系
var button11_query=$("#text11+.button11");
4.獲取id為text11元素后面的所有class為button11的元素
var button11_query=$("#text11~.button11");
3.基本過濾器 Basic Filters
1.獲取第一個input元素
var input_query=$("input:first");
2.獲取最后一個input元素
var input_query=$("input:last");
3.獲取所有未被選中的input元素
var input_query=$("input:not(:checked)");
4.第一個input元素算一，查找所有第奇數個的input元素
var input_query=$("input:even");
5.從第二個input算起，查找所有第偶數個的input元素
var input_query=$("input:odd");
6.查找索引為1的input元素，索引值從0算起
var input_query=$("input:eq(1)");
7.查找索引大于0的所有input元素
var input_query=$("input:gt(0)");
8.查找索引小于2的所有input元素
var input_query=$("input:lt(2)");
9.獲取頁面所有<h>標題元素
var h_query=$(":header");
10.獲取所有正在執行動畫效果的元素
var animated_query=$(":animated");
內容過濾器 Content Filters
1.查找所有html內容含有"你好世界！"的h1元素
var h1_query=$("h1:contains('你好世界！')");
2.獲取所有不含子標簽或html內容為空的td元素
var td_query=$("td:empty");
3.查找所有含有input子元素的td元素
var td_query=$("td:has(input)");
4.查找所有含有子標簽或有html內容的td元素
var td_query=$("td:parent");
5.可見性過濾器 Visibility Filters
1.查找所有隱藏的input元素
var input_query=$("input:hidden");
2.查找所有可見的input元素
var input_query=$("input:visible");
6.屬性過濾器 Attribute Filters
以下id,name等屬性名，也可換成其他屬性名，或自定義的屬性名
1.查找所有含有id屬性的input元素
var input_query=$("input[id]");
2.查找name值為text11的input元素
var input_query=$("input[name='text11']");
3.查找name值不等于text11的所有input元素
var input_query=$("input[name!='text11']");
4.查找name值以text開頭的input元素
var input_query=$("input[name^='text']");
5.查找name值以11結尾的所有input元素
var input_query=$("input[name$='11']");
6.查找name值中含有ext的所有input元素
var input_query=$("input[name*='ext']");
7.查找所有含有id屬性并且name值中含有ext的input元素
var input_query=$("input[id][name*='ext']");
7.子元素過濾器 Child Filters
1.查找所有在父元素中的所有子元素中排第2的input元素
nth-child()里參數可選even在這里算偶數，odd在這里算奇數，n任意數即選取所有有父元素的input元素，數字是直接選排在第幾個的input元素，第一個input元素算一
var input_query=$("input:nth-child(2)");
2.查找所有在父元素中的所有子元素中排第一的input元素
var input_query=$("input:first-child");
3.查找所有在父元素中所有子元素中排最后一個的input元素
var input_query=$("input:last-child");
4.查找所有在父元素中是唯一子元素的input元素
var input_query=$("input:only-child");
8.表單選擇器 Forms
1.查找所有input元素
var input_query=$(":input");
2.查找所有文本框元素
var text_query=$(":text");
3.查找所有密碼框元素
var password_query=$(":password");
4.查找所有復選框
var checkbox_query=$(":checkbox");
5.查找所有提交按鈕元素
var submit_query=$(":submit");
6.查找所有圖像域元素
var image_query=$(":image");
7.查找所有重置按鈕元素
var reset_query=$(":reset");
8.查找所有按鈕元素
var button_query=$(":button");
9.查找所有文件域元素
var file_query=$(":file");
9.表單過濾器 Form Filters
1.查找所有可用的input元素
var input_query=$("input:enabled");
2.查找所有不可用的input元素
var input_query=$("input:disabled");
3.查找所有選中的單選復選框
var input_query=$("input:checked");
4.查找所有選中的下拉框
var option_query=$("option:selected");
