欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2011年04月07日 20:14:09   作者：  
屬性選擇符就是通過HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')
例子：給鏈接中含用“wangorg"字符的鏈接文字加粗
css:
復(fù)制代碼 代碼如下:

.abold{
font-weight:bold;
}

html:
復(fù)制代碼 代碼如下:

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

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

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

自定義選擇符是JQUERY添加的獨有的完全不同的選擇符，語法與CSS中的偽類選擇符語法相同，即選擇符以一個冒號（：）開頭。
如：從匹配的帶有wangorg類的div集合中選擇第2個項，則相應(yīng)語法：$('div.wangor:eq(1)')
用CSS的選擇符語法為$('div:nth-child(2)')
例子：將表格的偶數(shù)行的底色變?yōu)?ccc
CSS:
復(fù)制代碼 代碼如下:

.alt{
backgroud-color:#ccc;
}

HTML:
復(fù)制代碼 代碼如下:

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

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

將網(wǎng)頁中的所有表格都變以上效果：
復(fù)制代碼 代碼如下:

$('document').ready(function(){
$('tr:nth-child(even)').addClass('alt');
})

將表格中含有“wangorg"字符串的表格的字體加粗
復(fù)制代碼 代碼如下:

$('document').ready(function(){
$('tr:contains(wangorg)').addClass('abold');
})

相關(guān)選擇器解釋：
:eq(index)
結(jié)果集中位于給定索引之后（大于該索引）的元素 （從0開始）
:odd
結(jié)果集中所有奇數(shù)元素（從0開始）
:even 結(jié)果集中所有偶數(shù)元素（從0開始）
:nth-child(even)
作為其父元素第偶數(shù)個子元素的元素（從1開始計數(shù)）
:contains(text) 包含給定文本text的元素。

相關(guān)文章

最新評論