JQuery学习笔记-基本选择器
Insert title here
div, span, p {
width: 140px;
height: 140px;
margin: 5px;
background: #aaa;
border: #000 1px solid;
float: left;
font-size: 17px;
font-family: Verdana;
}
div.mini {
width: 55px;
height: 55px;
background-color: #aaa;
font-size: 12px;
}
div.hide {
display: none;
}
$(function(){//相当于window.onload
//使用id选择器选择id=btn1的元素$("#btn1")，并且添加点击事件
$("#btn1").click(function(){
//alert("btn1 click...");
$("#one").css("background", "#ffbadb");//选择id为one的元素并改变其背景颜色
});
$("#btn2").click(function(){
$(".mini").css("background", "#ffbadb");//选择class为mini的元素并改变其背景颜色
});
$("#btn3").click(function(){
$("div").css("background", "#ffbadb");//选择元素名为div的元素并改变其背景颜色
});
$("#btn4").click(function(){
$("*").css("background", "#ffbadb");//选择所有的元素并改变其背景颜色
});
$("#btn5").click(function(){
$("span, #two").css("background", "#ffbadb");//选择span元素和id为two的元素并改变其背景颜色
});
})
id 为 one,class 为 one 的div
class为mini
