34、实例 jQuery过滤选择器之定位过滤器

最新推荐文章于 2023-07-22 08:43:01 发布

xuxianmei

最新推荐文章于 2023-07-22 08:43:01 发布

阅读量571

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/tlxxm/article/details/37592279

版权

jQuery 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery过滤选择器之定位过滤器</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script>
$(function()
{
	
	
$("tr:first").css("color","red");
$("tr:eq(0)").css("font-size","20px");
$("tr:last").css("color","blue");
$("tr:even").css("background-color","#ffd");
$("tr:odd").css("background-color","#dff");
$("tr:gt(3)").css("font-size","12px");
$("tr:lt(4)").css("font-size","14px");
	});
</script>
</head>

<body>
<table>
    <tr>
        <th>选择器</th>
        <th>说明</th>
    </tr>
    <tr>
        <td>:first</td>
        <td>匹配找到的第一个元素</td>
    </tr>
    <tr>
        <td>:last</td>
        <td>匹配找到的最后一个元素</td>
    </tr>
    <tr>
        <td>:not</td>
        <td>去除所有与给定选择器匹配的元素</td>
    </tr>
    <tr>
        <td>:even</td>
        <td>匹配所有索引值为偶数的元素，从为开始计数</td>
    </tr>
    <tr>
        <td>:odd</td>
        <td>奇数</td>
    </tr>
    <tr>
        <td>:eq(n)</td>
        <td>给定一个索引值，找到这个索引位置的元素</td>
    </tr>
    
    <tr>
        <td>:gt(n)</td>
        <td>给定一个索引值，找到这个索引位置的元素</td>
    </tr>
    <tr>
        <td>:lt(n)</td>
        <td>小于</td>
    </tr>
    <tr>
        <td>:header	</td>
        <td>匹配如h1、h2、之类的标题元素</td>
    </tr>
    <tr>
        <td>:animated	</td>
        <td>匹配所有正在执行动画效果的元素</td>
    </tr>
    
  
</table>
</body>
</html>

xuxianmei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
34、实例 jQuery过滤选择器之定位过滤器

jQuery过滤选择器之定位过滤器$(function(){ $("tr:first").css("color","red");$("tr:eq(0)").css("font-size","20px");$("tr:last").css("color","blue");$("tr:even").css("background-color","#ffd");$("tr:odd
复制链接

扫一扫

专栏目录