jquery的简单选择器：
简单选择器使用的特点就是“：”
1）$(document).ready(function(){
$("#btn").click(function(){
//点击按钮后，将第一个div背景颜色变为绿色
$("div:first").css("background","green");
});
});
<body>
<input type="button" id="btn" value="将第一个div的背景变为绿色">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
2）$(document).ready(function(){
$("#btn").click(function(){
//点击按钮后，将最后一个div背景颜色变为绿色
$("div:last").css("background","green");
});
});
<body>
<input type="button" id="btn" value="将最后一个div的背景变为绿色">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
3）$(document).ready(function(){
$("#btn").click(function(){
//点击按钮后，将div为偶数的背景变为绿色
$("div:even").css("background","green");
});
});
<body>
<input type="button" id="btn" value="将div为偶数的背景变为绿色">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
4）$(document).ready(function(){
$("#btn").click(function(){
//点击按钮后，将div为奇数的背景变为绿色
$("div:odd").css("background","green");
});
});
<body>
<input type="button" id="btn" value="将div为奇数的背景变为绿色">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
