JQUERY的屬性選擇符和自定義選擇符(二)

2022-05-15 04:48:19 字數 942 閱讀 4532

屬性選擇符就是通過html元素的屬性選擇元素。

如獲取所有鏈結的title屬性,可以用$('a[title]')

例子:給鏈結中含用「wangorg"字元的鏈結文字加粗

css:

.abold

html:

$('document').ready(function())

屬性選擇也可以用組合方式:

自定義選擇符是jquery新增的獨有的完全不同的選擇符,語法與css中的偽類選擇符語法相同,即選擇符以乙個冒號(:)開頭。

如:從匹配的帶有wangorg類的div集合中選擇第2個項,則相應語法:$('div.wangor:eq(1)')

用css的選擇符語法為$('div:nth-child(2)')

例子:將**的偶數行的底色變為#ccc

css:

.alt

html:

$('document').ready(function())

將網頁中的所有**都變以上效果:

$('document').ready(function())

將**中含有「wangorg"字串的**的字型加粗

$('document').ready(function())

相關選擇器解釋:

:eq(index)

結果集中位於給定索引之後(大於該索引)的元素 (從0開始)

:odd           

結果集中所有奇數元素(從0開始)

:even         結果集中所有偶數元素(從0開始)

:nth-child(even)

作為其父元素第偶數個子元素的元素(從1開始計數)

:contains(text)     包含給定文字text的元素。

jQuery屬性選擇符

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

jQuery選擇符 XPath選擇符

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

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...