过滤选择器

来源:互联网 发布:新疆seo外包 编辑:程序博客网 时间:2024/05/17 00:01
<script>
/*过滤选择器*/
$(document).ready(function(){
//1,匹配所有div元素中,第一个div
$("div:first").click(function(){alert("这是第一个div")});
//2,匹配所有div元素中,最后一个div
$("div:last").click(function(){alert("这是最后一个div")});
//3,匹配索引是偶数的div,索引是从0开始
$("div:even").click(function(){alert("这是偶数行div")});
//4,匹配索引是奇数的div,索引是从0开始
$("div:odd").click(function(){alert("这是奇数行div")});
//5,匹配索引等于xx的div
$("div:eq(0)").click(function(){alert("这是索引为0的div")});
//6,匹配索引大于xx的div 小于lt()
$("div:gt(1)").css("color","red");
//7,匹配网页中所有的h标签
$(":header").css({"color":"blue","background":"green"});
//8,匹配网页中正在执行动画效果的元素
$(":animated")
});

</script>
</head>
<body>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<div>这是第一个div</div>
<div>这是第二个div</div>
<div>这是第三个div</div>
</body>
原创粉丝点击