jquery選擇器
1.基本選擇器
•jquery選擇器用於查詢滿足條件的元素。
•1.$("#id") : id
選擇器,
document.getelementbyid
("id");
•2.$("div") :
元素選擇器
document.getelementsbytagname
("div");
•3.$(".
myclass
") :
類選擇器
,返回所有
class="
myclass
"的元素
•4.$("*") :
返回所有元素
,多用於結合上下文搜尋
•5.$("
div,span,p.myclass
") :
多條件選擇器
,返回所有查到的元素
•6. $(『.ul01 .li02』) :
後代選擇器
•7. $(『.ul01 .li02>li』):
表示子代選擇器 ， 只能選擇第一級的後代。
•8. $('.ul01 .li02+li'):
表示選中指定標籤後面緊挨著的乙個同級標籤
•9. $('.ul01 .li02~li'):
表示選中指定標籤後面的所有同級的某種標籤
2.過濾選擇器
•過濾選擇器主要是通過特定的過濾規則來篩選出所需的
dom
元素,
該選擇器
都以 「:」開頭，重點:寫在
選擇函式內。
•$(『
div:first
』)
過濾出第乙個
•$(『
div:last
』)
過濾出最後乙個
•$('
div:not
(".divs1")')
排除指定的元素
(如果外面用的雙引號，那麼裡面的就用單引號，否則會出語法錯誤)
•$(『
div:eq
()』)
按索引值過濾
•$(『
div:gt
()』)
過濾大於指定索引值
•$(『
div:lt
()』)
過濾小於指定索引值 注
：eq() 、
gt() 、lt
() 它們的引數必須是乙個
數字，所以引數不能加引號（加引號的話就會被認為是字串）。案例（大於和小於並集的時候）
3.
篩選選擇器
•重點：所有篩選選擇器
寫在選擇函式外。
•三大巨頭：父、子、兄
•$(『div』).parent()
當前元素的父親元素。
•$(『div』).children()
當前元素的子元素。
•$(this)
代表當前物件（跟
js裡面的
this
一樣）。
•$(『div』).siblings()
最牛的篩選選擇器 免除所有的排他工作。可以選出除了自己以外的所有同級元素。
二 jQuery選擇器
jquery選擇器的優勢 1.簡潔的寫法 2.支援css1到css3選擇器，瀏覽器相容性好 3.完善的處理機制，使用jquery獲取網頁中不存在的元素不會報錯 注意 當要用jquery檢查某個元素在網頁上是否存在時，應該根據獲取到元素的長度來判斷或者轉化成dom物件來判斷，如下 if tt leng...
jQuery 選擇器（二）
過濾選擇器 過濾選擇器，就是在選擇器中通過 新增過濾條件。按照不同的過濾規則，過濾選擇器可以分為基本過濾，內容過濾，可見性過濾，屬性過濾，子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 1.獲取第乙個input元素 var input query input first 2.獲取最後乙個inpu...
Jquery選擇器（二）
三 過濾選擇器 1.基本過濾器 1.獲取第乙個元素 索引為0 document ready function 獲取最後乙個元素 document ready function 獲取偶數項元素 document ready function 獲取基數項元素 document ready functio...