jquery基本过滤选择器

最新推荐文章于 2024-01-13 22:21:09 发布

whjwhja6

最新推荐文章于 2024-01-13 22:21:09 发布

阅读量667

点赞数

本文链接：https://blog.csdn.net/whjwhja6/article/details/8744296

版权

1，基本过滤选择器

1,所有div元素中，第一个div

2,所有div元素中,最后一个div

3,获取索引是偶数的所有元素,索引从0开始

4,获取索引是奇数的所有元素，索引从0开始

5,获取索引等于index的所有元素

6,索引大于小于 gt() lt()

7,获取网页中所有的h标签内容

</head>
<script>
//过滤选择器(:)
$(document).ready(function(){
//匹配所有div元素中，第一个div
$("div:first").click(function(){alert("这是第一个div")});
//匹配所有div元素中，最后一个div
$("div:last").click(function(){alert("这厮最后一个div")});

//匹配索引是偶数的div，索引是从0开始
$("div:even").click(function(){alert("这厮是偶数div")});
//匹配索引是奇数的div，索引是从0开始
$("div:odd").click(function(){alert("这厮是奇数div")});
//匹配索引等于xx的div
$("div:eq(0)").click(function(){alert("匹配索引为0的div")});
//匹配索引大于xx的div小于lt()
$("div:gt(1)").css("color","red");//第三个div起作用
//匹配网页中所有的h标签
$(":header").css({"color":"blue"});
//匹配网页中正在执行动画效果的元素
$(":animated");})
</script>
<body>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<div>这是第一个div</div>
<div>这是第二个div</div>
<div>这是第三个div</div>