JQUERY的屬性選擇符和自訂選擇符使用方法（二）

例子：給連結中含用“wangorg"字元的連結文字加粗
css:
複製代碼 代碼如下:
.abold{
font-weight:bold;
}

html:
複製代碼 代碼如下:
$('document').ready(function(){

$('a[href*=wangorg]').addClass('abold');
})

屬性選擇也可以用組合方式：
$('a[href^=http]
[href*=wangorg]').addClass('abold')

自訂選擇符是JQUERY添加的專屬的完全不同的選擇符，文法與CSS中的偽類選擇符文法相同，即選擇符以一個冒號（：）開頭。
如：從匹配的帶有wangorg類的div集合中選擇第2個項，則相應文法：$('div.wangor:eq(1)')
用CSS的選擇符文法為$('div:nth-child(2)')
例子：將表格的偶數行的底色變為#ccc
CSS:
複製代碼 代碼如下:
.alt{
backgroud-color:#ccc;
}

HTML:
複製代碼 代碼如下:
$('document').ready(function(){

$('tr:odd').addClass('alt')
})

將網頁中的所有表格都變以上效果：
複製代碼 代碼如下:
$('document').ready(function(){
$('tr:nth-child(even)').addClass('alt');
})

將表格中含有“wangorg"字串的表格的字型加粗
複製代碼 代碼如下:
$('document').ready(function(){
$('tr:contains(wangorg)').addClass('abold');
})

相關選取器解釋：
:eq(index)
結果集中位於給定索引之後（大於該索引）的元素 （從0開始）
:odd
結果集中所有奇數元素（從0開始）
:even 結果集中所有偶數元素（從0開始）
:nth-child(even)
作為其父元素第偶數個子項目的元素（從1開始計數）
:contains(text) 包含給定文本text的元素。