过滤选择器
来源:互联网 发布:新疆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>
/*过滤选择器*/
$(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>
- 过滤选择器
- 过滤选择器
- 过滤选择器
- 过滤选择器
- 过滤选择器
- Jquery选择器--过滤选择器
- JQuery过滤选择器-可见性过滤选择器
- jQuery过滤选择器-属性过滤选择器
- jQuery过滤选择器-基本过滤选择器
- Jquery过滤选择器之基本过滤选择器
- 属性过滤选择器,子元素过滤选择器
- 过滤选择器-表单对象属性过滤选择器
- 基本过滤选择器、可见性过滤选择器
- JQuery选择器(内容过滤选择器)
- jQuery选择器之过滤选择器
- jquery 选择器(2) 过滤选择器
- 4.jquery选择器 过滤选择器
- JQuery选择器(三)过滤选择器
- jQuery对象和DOM对象相互转化
- hdu 2489 状态压缩 + 最小生成树
- 100%通过DCMTK(3.54/3.55)编译(MS VC6-VC2010)
- VS与Win7 共舞:用户界面特权隔离(二)
- 热门智力题 过桥问题和倒水问题
- 过滤选择器
- 使用jQuery实现隔行换色,批量绑定事件
- 豆皮 - STM32开发板入门教程(十七) - IAP 之串口篇 (原创)
- 内容过滤选择器
- Jquery的对象和dom方式对象的区别及转化
- 专家预测未来嵌入式人才的发展方向
- poj 3974 Palindrome(最长回文子串,处理大数,Manacher算法)
- 属性过滤选择器
- jQuery选择器分类,总结