js学习(二)--选择器知识

本期收录的是jquery知识。

一 基础选择器

 id：$("#one").css("background","red");

class：$(".one").css("background","red");

元素比如div：$("div").css("background","red");

所有元素：$("*").css("background","red");

元素为span并且id为one：$("span,#one").css("background","red");

二 层级选择器

1.body里的所有div，包括子、孙的div

$(funcion(){
    //当id为btn1的按钮被按下时，选中body下的所有div元素
    $("#btn1").click(funcion(){
        $("body div").css("background","red");
    })
    
})

2.body里的所有子div，不包括孙div

$(funcion(){
    //当id为btn2的按钮被按下时，选中body下的所有子辈div元素
    $("#btn2").click(funcion(){
        $("body > div").css("background","red");