写JQ时注意要写,
$(function(){
事件
})
一、基本选择器
点击按钮(click点击事件)
切记一定不要忘记基本选择器的格式,如#和.
{
选择id为one的div元素元素并添加背景颜色
$("#btn1").click(function () {
$("#one").css("background","red");
});
选择class为mini的元素并添加背景颜色
$("#btn2").click(function () {
$(".mini").css("background", "blue");
});
选择是div的所有元素并添加背景颜色
$("#btn3").click(function () {
$("div").css("background", "#FFB6C1")
});
选择所有的元素并添加背景颜色
$("#btn4").click(function () {
$("*").css("background", "#FF00FF")
});
选择所有的span元素和id为two的元素并添加背景颜色
$("#btn5").click(function () {
$("span,#two").css("background", "#FFB6C1")
});
}
二、层次选择器
{
选择第一个div元素并添加背景颜色
$("#btn1").click(function () {
})
选择最后一个div元素并添加背景颜色
$("#btn2").click(function () {
})
选择class不为one的 所有div元素
$("#btn3").click(function () {
$("div:not(:.one)").css("background","red")
})
选择索引值为偶数的div元素(奇数odd)
$("#btn4").click(function () {$("div:even").css("background","#FFB6C1")
})
选择索引值等于3的元素