国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 23:52:15
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
例子：給鏈接中含用“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)')
例子：將表格的偶數(shù)行的底色變?yōu)?ccc
CSS:
復制代碼 代碼如下:

.alt{
backgroud-color:#ccc;
}

HTML:
復制代碼 代碼如下:

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

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

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

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

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

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

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 菏泽市| 昌邑市| 宜良县| 恭城| 门源| 黄石市| 麻城市| 南木林县| 平顶山市| 嘉峪关市| 桦南县| 民权县| 旬邑县| 南宫市| 报价| 云霄县| 舞钢市| 荣昌县| 舞钢市| 蓝山县| 信阳市| 长寿区| 镇沅| 博野县| 上林县| 怀柔区| 梧州市| 台南县| 长泰县| 望城县| 铜川市| 黄陵县| 加查县| 建平县| 大余县| 崇仁县| 勃利县| 安龙县| 闵行区| 正蓝旗| 蓬溪县|