教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 JQuery contains的选择器

JQuery contains的选择器

发布时间:2013-08-18   编辑:jiaochengji.com
contains选择符是指对象中包括指定内容的对象本身
contains选择符是指对象中包括指定内容的对象本身 contains选择符

contains选择符是指对象中包括指定内容的对象本身,如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格,设置这些单元格的样式类型添加“highlight”类。

下面的代码,运行后,需要刷新下,以便加载jquery

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


jQuery中有两个有用的自定义选择符:odd和:even。如以下代码可以设置表格的奇、偶数行有不同的风格:
复制代码 代码如下:

$(document).ready(functioin() {

  $("tr:odd").addClass("oddstyle");

  $("tr:even").addClass("evenstyle");

});

其中,tr:odd则选中表中的所有奇数行,然后添加样式oddstyle;tr:even则选中表中的所有偶数行,然后添加样式evenstyle。当然oddstyle这样式和evenstyle样式必须先在css文件中定义出来。

您可能感兴趣的文章:
JQuery contains的选择器
jQuery学习笔记之jQuery选择器的使用
jQuery contains过滤器实现精确匹配使用方法
jquery选择器大全详解
jquery选择器大全 全面详解jquery选择器
锋利的jQuery 要点归纳(一) jQuery选择器
使用jQuery内容过滤选择器选择元素实例讲解
Jquery实战_读书笔记2 选择器
基于JQuery的一句代码实现表格的简单筛选
jquery选择器之内容过滤选择器详解

[关闭]
~ ~