Jquery 特殊定位潇湘博客

最新推荐文章于 2025-12-21 13:28:14 发布

最新推荐文章于 2025-12-21 13:28:14 发布 · 80 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了CSS中各种选择器的应用，包括基本的选择器如:first、:last、:even、:odd等，以及如何使用这些选择器来精确地定位页面中的元素。通过具体的代码示例，展示了:hover等交互式选择器的使用方法。

:even 从匹配的元素集中取序数为偶数的元素
:odd 从匹配的元素集中取序数为奇数的元素
:eq(0) and :nth(0) 从匹配的元素集中取第0个元素
:gt(4) 从匹配的元素集中取序数大于N的元素
:lt(4) 从匹配的元素集中取序数小于N的元素
:first 相当于 :eq(0)
:last 最后一个匹配的元素
:parent 选择包含子元素（包含text节点）的所有元素
:contains('test') 选择所有含有指定文本的元素
:visible 选择所有可见的元素（display值为block 或者visible 、visibility 值为visible的元素，不包括hide域）
:hidden 选择所有隐藏的元素(非Hide域，且display值为block 或者visible 、visibility 值为visible的元素)

实例:
$('#list tr:not(:first)').hover(function(evt){
$(this).find('td').addClass('h0ver');
}, function(evt){
$(this).find('td').removeClass('h0ver');
});