回覆列表
  • 1 # 使用者834195712159

    選擇器

    基本:

    1、$("#id"): 根據給定的ID匹配一個元素。

    2、$("dom元素名"):根據給定的元素名匹配所有元素

    3、$(".Class類名"): 根據給定的類匹配元素。

    4、$("*") :匹配所有元素。

    5、$("dom元素.class類名"):選擇所有class屬性為指定類名的dom元素。

    6、$(".stripe tr"): 獲取class屬性為stripe的table元素下的所有行

    層級:

    1、$("ancestor descendant"):在給定的祖先元素下匹配所有的後代元素

    2、$("parent > child"):在給定的父元素下匹配所有的子元素

    3、$("prev + next"):匹配所有緊接在 prev 元素後的 next 元素

    4、$("prev ~ siblings"):匹配 prev 元素之後的所有 siblings(同級) 元素

    簡單:

    1、$("tr:first") 匹配找到的第一個元素

    2、$("tr:last") 匹配找到的最後一個元素

    3、$("input:not(:checked)") 去除所有與給定選擇器匹配的元素

    4、$("tr:even") 匹配所有索引值為偶數的元素,從 0 開始計數

    5、$("tr:odd") 匹配所有索引值為奇數的元素,從 0 開始計數

    6、$("tr:eq(1)") 匹配一個給定索引值的元素

    7、$("tr:gt(0)") 匹配所有大於給定索引值的元素

    8、$("tr:lt(2)") 匹配所有小於給定索引值的元素

    內容:

    1、$("div:contains("John")") 匹配包含給定文字的元素

    2、$("div:has(p)") 匹配所有包含 p 元素的 div 元素

    3、$("td:empty") 查詢所有不包含子元素或者文字的空元素

    可見性:

    1、$("tr:visible") 查詢所有可見的 tr 元素

    2、$("tr:hidden") 匹配所有的不可見元素,input 元素的 type 屬性為 "hidden" 的話也會被匹配到

    屬性:

    1、$("div[id]") 查詢所有含有 id 屬性的 div 元素

    2、$("input[name="newsletter"]") 查詢所有 name 屬性是 newsletter 的 input 元素

    3、$("input[name!="newsletter"]") 查詢所有 name 屬性不是 newsletter 的 input 元素

    4、$("input[name^="news"]") 查詢所有 name 以 "news" 開始的 input 元素

    5、$("input[name$="letter"]") 查詢所有 name 以 "letter" 結尾的 input 元素

    6、$("input[name*="man"]") 查詢所有 name 包含 "man" 的 input 元素

    7、$("input[id][name$="man"]") 找到所有含有 id 屬性,並且它的 name 屬性是以 man 結尾的

    子元素:

    1、nth-child(even)/:nth-child(odd)/:nth-child(3n)/:nth-child(2)/:nth-child(3n+1)/:nth-child(3n+2) 匹配其父元素下的第N個子或奇偶元素

    2、$("ul li:first-child") 在每個 ul 中查詢第一個 li

    3、$("ul li:last-child") 在每個 ul 中查詢最後一個 li

    4、$("ul li:only-child") 在 ul 中查詢是唯一子元素的 li

    表單:

    1、$(":input") 查詢所有的input元素

    2、$("text") 匹配所有的單行文字框

    3、$(":password") 匹配所有密碼框

    5、$("checkbox") 匹配所有複選框

    7、$("image") 匹配所有影象域

    9、$("file") 匹配所有檔案域

    10、$("hidden") 匹配所有不

    表單物件屬性:

    1、$("input:checked") 匹配所有選中的被選中元素(複選框、單選框等,不包括select中的option)

    2、$("input:enabled") 匹配所有可用元素

    3、$("input:disabled") 匹配所有不可用元素

    04、$("select option:selected") 匹配所有選中的option元素

  • 中秋節和大豐收的關聯?
  • 扶風縣至杏林多少公里?