活动公告当前位置:风暴娱乐 > 活动公告 > >

JQUERY的属性选择符和自定义选择符使用方法(二

  

[属性选择符,自定义选择符]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的元素。

(责任编辑:admin)

上一篇:jquery默认校验规则整理

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服