JQuery查找標簽
一、基本標簽
1 id選擇器：
$("#id(名稱)")
$("#cent")
2 標簽選擇器：
$("tabName(便簽名稱)")
$("a")
3 class選擇器：
$(".class(class選擇器名稱)")
$(".b")
4 配合使用：
$("標簽名稱.選擇器") // 找到有c1 class類的div標簽
$("div.c")
5 所有元素選擇器：
$("*")
6 組合選擇器：
$("id選擇器, class選擇器, 標簽選擇器")
二、層級選擇器：
1 x的所有后代y（子子孫孫
$("選擇器1 選擇器2")
$("x y"); // 只要選擇器2
2 x的所有兒子y（兒子）
$("選擇器1 > 選擇器2")
$("x > y"); // 只要兒子
3 找到所有緊挨在x后面的y
$("選擇器1 + 選擇器2")
$("x + y")；// (一個)
4 x之后所有的兄弟y
$("選擇器1 ~ 選擇器2")
$("x ~ y")；//(多個)
三、基本篩選器
1 第一個
:first
2 最后一個
:last
3 索引等於index的那個元素
:eq(index)
4 匹配所有索引值為偶數的元素，從 0 開始計數
:even
5 匹配所有大於給定索引值的元素
:odd
6 匹配所有小於給定索引值的元素
:gt(index)
移除所有滿足not條件的標簽
:lt(index)
7 移除所有滿足not條件的標簽
:not(元素選擇器)
8 選取所有包含一個或多個標簽在其內的標簽(指的是從后代元素找)
:has(元素選擇器)
四、屬性選擇器
$("tagName[attrbute]")
$("tagName[attrbute=name]")// 屬性等於
[attribute!=value]// 屬性不等於
$("input[type=text]")
$("input[type]")
五、表單篩選器
$(":text")
$(":password")
$(":file")
$(":radio")
$(":checkbox") // 找到所有的checkbox
$(":submit")
$(":reset")
$(":button")
表單對象屬性:
$(":enabled")
$(":disabled")
$(":checked")
$(":selected")
- 找到可用的input標簽
<form>
<input name="email" disabled="disabled" />
<input name="id" />
</form>
$("input:enabled") // 找到可用的input標簽
- 找到被選中的option:
<select id="s1">
<option value="beijing">北京市</option>
<option value="shanghai">上海市</option>
<option selected value="guangzhou">廣州市</option>
<option value="shenzhen">深圳市</option>
</select>
$(":selected") // 找到所有被選中的option
六、篩選器方法
1 下一個元素：
$("#id").next() // 下一個標簽
$("#id").nextAll() // 標簽下面的全部
$("#id").nextUntil("#i2") // 兩者之間
2 上一個元素：
$("#id").prev() // 上一個標簽
$("#id").prevAll() // 上一個標簽全部
$("#id").prevUntil("#i2") // 兩者之間
3 父親元素：
$("#id").parent()
$("#id").parents() // 查找當前元素的所有的父輩元素
$("#id").parentsUntil() // 查找當前元素的所有的父輩元素，直到遇到匹配的那個元素為止。
4 兒子和兄弟元素：
$("#id").children();// 兒子們
$("#id").siblings();// 兄弟們
5 查找
$("div").find("p") ===>等價於$("div p")
6 篩選
篩選出與指定表達式匹配的元素集合。這個方法用於縮小匹配的范圍。用逗號分隔多個表達式
$("div").filter(".c1") ===> 等價於 $("div.c1") // 從結果集中過濾出有c1樣式類的
7 補充
.first() // 獲取匹配的第一個元素
.last() // 獲取匹配的最后一個元素
.not() // 從匹配元素的集合中刪除與指定表達式匹配的元素
.has() // 保留包含特定后代的元素，去掉那些不含有指定后代的元素。
.eq() // 索引值等於指定值的元素