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 選...