JQuery contains的选择器
时间:2022-10-10 12:50:31|栏目:jquery|点击: 次
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文件中定义出来。
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文件中定义出来。