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

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

 更新時(shí)間：2011年04月07日 20:14:09   作者：  
屬性選擇符就是通過(guò)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添加的獨(dú)有的完全不同的選擇符，語(yǔ)法與CSS中的偽類(lèi)選擇符語(yǔ)法相同，即選擇符以一個(gè)冒號(hào)（：）開(kāi)頭。
如：從匹配的帶有wangorg類(lèi)的div集合中選擇第2個(gè)項(xiàng)，則相應(yīng)語(yǔ)法：$('div.wangor:eq(1)')
用CSS的選擇符語(yǔ)法為$('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)頁(yè)中的所有表格都變以上效果：
復(fù)制代碼 代碼如下:

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

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

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

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

相關(guān)文章

最新評(píng)論