jQuery基本选择器

时间:2023-01-09 19:59:33


id选择器

//选择 id为 one 的元素
$('#btn1').click(function(){
$('#one').css("background","#bfa");
});

.class选择器

//选择 class 为 mini 的所有元素
$('#btn2').click(function(){
$('.mini').css("background","#bfa");
});

element选择器

//选择 元素名是 div 的所有元素
$('#btn3').click(function(){
$('div').css("background","#bfa");
});

*选择器

//选择 所有的元素
$('#btn4').click(function(){
$('*').css("background","#bfa");
});

集合选择器

//选择 所有的span元素和id为two的div元素
$('#btn5').click(function(){
$('span,#two').css("background","#bfa");
});

参考<锋利的jQuery>