jQuery 選擇符總結

2021-09-30 06:11:36 字數 762 閱讀 5115

css選擇符,如:

$('#title1 > li')

為取得id為 title1(#title)的子元素(>)中所有的列表項(li)。

$('#title1 li:not(.class1)')

為取得id為title的後代元素中沒有(not)class1類的所有列表項。

jquery 庫支援xpath選擇符。如:

$('a[@title]')

為取得所有帶title屬性 的鏈結。

也可以不用@符號。如:

$('div[ol]') 為 取得所以包含乙個ol屬性的div元素。

當然,還允許以正規表示式中的^(開始)$(結尾)*(任意),示例如下:

$('a[href^="mailto:"]') 為取得所有電子郵件的鏈 接。

$('a[href$=".rar"]') 為 取得所有指向rar檔案的鏈結。

$('a[href*="tao028.com"]') 為 取得所有包含tao028.com的鏈結。

自定義選擇符,如:

$('div:eq(1)') 為取得div元素集合中第2 個項,注意為單個物件 ,其 length為1。

$('div:nth-child(1)') 為 取得div元素集合中的所有第乙個 div,注意其為物件集合 ,稍後再詳述。

$('tr:odd') 為取得所有奇數行。

$('tr:even') 為取得所有偶數行。

$('td:contains("hahaha")') 為取得所有單元 格包含hahaha的元素。

jQuery選擇符 XPath選擇符

說明 jquery支援一組基本的xpath選擇符 可以和css選擇符一起使用 jquery無論對什麼文件都可以使用xpath和 css選擇符。1.屬性選擇符 2 特點 允許以類似正規表示式的語法來標識字串的開始 和結尾 也可以使用 表示字串的任意位置。1 a href mailto 表示取得以mai...

jQuery屬性選擇符

屬性選擇符 可用符號 這個表示以什麼開頭 這個表示以什麼結尾 這個表示含有什麼 這個表示沒有什麼 練習 為電子郵件新增類 考這個 html a class e href mailto henryiv king.co.uk 郵件 a css mailjuqery document ready func...

CSS選擇符總結

1 型別選擇器 h1,p等 2 類選擇器 classname 3 id選擇器 idname 4 萬用字元選擇器 表示選擇所有元素 5 屬性選擇器 foo bar 特殊的還有 src 選擇所有定義了 src 屬性的元素 abc def 選擇 abc 屬性值以 def 開頭的所有元素 abc def 選...