jquery全部選擇器，dom操做經常使用方法

1、基礎選擇器

1，id選擇器     $("#my_id")  根據id獲取jquery對象；
2，元素選擇器 （element選擇器、標籤選擇器）  $("button")  根據元素名獲取對象，可能爲數組;
3，class選擇器   $(「.class」)  根據class類選擇對象，可能爲數組;
4，*號選擇器   $(「*」)  選擇頁面所有元素;
5，逗號選擇器（多項選擇器） $(「sele1,sele2,seleN」)，如$(".red,.green")、$(".red,div")選擇不一樣類型的對象，用逗號隔開;
6，空格選擇器（層次選擇器，父子孫選擇器）  $("ance desc")，如$("div span")，選擇div下的全部span，空格隔開;
7,>號選擇器（父子選擇器）  $(「parent > child」) 如$(「parent > child」)，獲取的是<div>「家庭中」所有「子輩」<span>元素，用>號隔開，只選擇臨輩子元素;
8,+號選擇器（臨近選擇器），如$("p + label")選擇器，獲取<p>元素最近鄰的下一個label元素;
9,~號選擇器（同輩後邊相鄰全部選擇器）如$("p~label")，選擇p後全部同級label;

2、過濾性選擇器

1，:first過濾選擇器   如$(「li:first」)，選擇第一個li
2，:eq(index)過濾選擇器，如 $("li:eq(2)")，選擇第3個li
3，:contains(text)過濾選擇器，如$("li:contains('jQuery')")，選擇內容包括jQuery的li
4，:has(selector)過濾選擇器，如$("li:has('p')")，選擇獲取包含p標籤的li
5，:hidden過濾選擇器，如$("input:hidden")，選擇全部隱藏的input元素
6，:visible過濾選擇器，如$("li:visible")，選擇全部可見的li，和:hidden相反
7，[attribute=value]屬性選擇器，獲取屬性名屬性值都匹配的元素，如$("li[title='蔬菜']")
8，[attribute!=value]屬性選擇器，獲取不包含屬性名，或者與屬性名和屬性值不相同的所有元素，如$("li[title!='蔬菜']")
9，[attribute*=value]屬性選擇器，獲取屬性值中包含指定內容的所有元素，其中[]是專用於屬性選擇器的括號符，如$("li[title*='果']")，title中有「果」字的li
10，:first-child子元素過濾選擇器，獲取每一個父元素中返回的首個子元素，它是一個集合，注意和:first的區別

3、表單選擇器

1，:input表單選擇器，獲取表單所有元素，如$("#frmTest :input")，獲取id爲frmTest表單的全部元素
2，:text表單文本選擇器，獲取表單中所有單行的文本輸入框元素，如$("#frmTest :text")，獲取
id爲frmTest表單的全部單行文本
3，:password表單密碼選擇器，獲取表單中所有的密碼輸入文本框元素，如$("#frmTest :password")
4，:radio單選按鈕選擇器
5，:checkbox複選框選擇器
6，:submit提交按鈕選擇器
7，:button表單按鈕選擇器
8，:checked選中狀態選擇器，用於單複選框
9，:selected選中狀態選擇器，用於下拉列表

四，操做DOM的經常使用方法

1，.attr("屬性名","屬性值") 設置標籤屬性
2，.html()、.text(),text只獲取文本，html獲取節點的全部內容，包括子節點
3，.addClass(樣式類列表，空格隔開)、.css("樣式名","樣式值"),設置樣式
4，使用removeAttr(name)和removeClass(class)分別能夠實現移除元素的屬性和樣式的功能，前者方法中參數表示移除屬性名，後者方法中參數則表示移除的樣式名
5，使用append()方法向元素內追加內容，$("body").append($html),追加jquery對象
6，$(content).appendTo(selector)，順序和append相反
7，使用before()和after()在元素先後插入內容
8，$(selector).clone()複製元素
9，replaceWith()和replaceAll()方法均可以用於替換元素或元素中的內容，但它們調用時，內容和被替換元素所在的位置不一樣，分別爲以下所示：$(selector).replaceWith(content)和$(content).replaceAll(selector)。參數selector爲被替換的元素，content爲替換的內容
10，使用wrap()和wrapInner()方法包裹元素和內容。前者用於包裹元素自己，後者則用於包裹元素中的內容
11，使用each()方法遍歷元素。$(selector).each(function(index))在遍歷時，經過回調函數返回遍歷元素的序列號，根據index進行操做。
12，使用remove()和empty()方法刪除元素。remove()方法刪除所選元素自己和子元素，該方法能夠經過添加過濾參數指定須要刪除的某些元素，而empty()方法則只刪除所選元素的子元素。如：remove(".red")方法只是把<span>元素中類別名爲「red」的這部分元素給刪除了