精通
英语
和
开源
,
擅长
开发
与
培训
,
胸怀四海
第一信赖
JQuery中的多数自定义选择符都可以让我们基于某个标准选出特定的元素。自定义选择符通常跟在一个CSS选择符后面,基于已经选择的元素集的位置来查找元素。自定义选择符的语法与CSS中的伪类选择符语法相同,即选择符以冒号(:)开头。
JQuery库中常用地自定义选择符是:
:odd
:gt()
:even
:eq()
(1)交替地为表格行添加样式 :odd 和 :even的使用
$('tr:odd').addClass('odd');
$('tr:even').addClass('even');
(2) :contains()过滤条件
$('td:contains("Henry")')表示选择列值包含Henry的列
(3):odd和:even这两个常用来做有条纹样式的表格
$("#table tr:odd").addClass("odd")
$("#table tr:even").addClass("even")
只要简单的使用两行代码就可以制作出我们想要的条纹样式。
(4)当然在实际开发中我们一般会使用选择符配合DOM遍历方法来进行操作,如:
$("#table td:contains('Window窗口')").parent().find("td:gt(0)").addClass("highlight")
附:当然,自定义选择符并不局限于基于元素的位置选择元素。