最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 20:58:43
文档

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

JQUERY的属性选择符和自定义选择符使用方法(二)_jquery:例子:给链接中含用wangorg字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $('document').ready(function(){ $('a[href*=wangorg]').addClass('abold'); }) 属性选择也可以
推荐度:
导读JQUERY的属性选择符和自定义选择符使用方法(二)_jquery:例子:给链接中含用wangorg字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $('document').ready(function(){ $('a[href*=wangorg]').addClass('abold'); }) 属性选择也可以

例子:给链接中含用“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的元素。

文档

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

JQUERY的属性选择符和自定义选择符使用方法(二)_jquery:例子:给链接中含用wangorg字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $('document').ready(function(){ $('a[href*=wangorg]').addClass('abold'); }) 属性选择也可以
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top