基本選擇器
/**id(?) class(*) tag(*) all(*) multi(*) */
$('#id') $('.mini') $('div') $('*') $('span', '#two')
/**後代(*) 子女(*) next(*) 後面所有同輩(*) */
$('ancestor descendant') $('parent > child') $('prev + next') $('prev ~ siblings')
基本過濾選擇器
/**首個div(?) 最後個div(?) 非該選擇器所有div(*) 偶數索引(*) 奇數索引(*) */
:first :last :not(sector) :even :odd
/** index相應(?) 大於index(*) 小於index(*) 選所有標題元素(*) 選所有正動畫的元素(*) 獲取焦點的(?) */
:eq(index) :gt(index) :lt(index) :header :animated :focus
/** 含有內容『text』的div(*) 不含文字空div(*) 含有該選擇器div(*) 含有子元素或文字的div(*) */
:contains :empty :has(selector) :parent
/**所有input textarea select button */
:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
特殊字元用\\雙斜桿
選擇器帶空格的注意事項 因為後代選擇器與過濾選擇器的不同
方法show() 顯示隱藏的匹配元素
css(name, value) 給元素設定樣式
text(string) 設定所有匹配元素的文字內容
filter(expr) 篩選出與指定表示式匹配的元素集合,expr可以是多個選擇器的組合
addclass(class) 為匹配的元素新增指定的類名
$category.is(』:visible』)
jQuery選擇器記錄
基本選擇器 層次選擇器 過濾選擇器 基本選擇器 描述 id名 根據元素id獲取元素 class名 根據元素class名獲取元素 標籤名 選取某種標籤的所有元素 層次選擇器 描述 ancestor descendant 選取ancestor的所有descendant 後代 元素 parent chil...
jQuery學習 選擇器
首先了解一下css選擇器，css即層疊樣式表他將網頁結構和表現樣式完全分離出來，利用css選擇器可以輕鬆在不改變html結構的前提下改變樣式。他是利用獲取目標元素後施加樣式，有三種方式 行間樣式表 內部樣式表 外部樣式表。選擇器語法 描述示例 標籤選擇器 e以標籤作為選擇符 tdid選擇器 id以文...
jquery選擇器學習
學習方式,照著列表乙個個敲一遍,記個大概,知道有這麼個選擇器.之後使用的時候查查w3c,就會用了 p 取得p標籤 p1 取得id為p1的元素 p1 取得class p1的元素 href 選擇屬性帶有href的元素 href 選擇href 的元素 href 選擇href 的元素 選擇所有href屬性以...