<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>jquery</title>
    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>

    <script type="text/javascript">
        /*
        $(function(){
            alert("dffdfd");
        })*/
    /*选择id
    window.onload=function(){
        var e=$("#div1");
        e[0].style.background="red";
    }
    
    */
    /**选择多个div标签*/
    /*
    window.onload=function(){
        var divs=$("div");
        for(var i=0;i<divs.length;i++){
            divs[i].style.color="red";
        }
    }
    */
    /**类的选择器*/
    window.onload=function(){
        $(".test").css("color","blue");
    }

    </script>

</head>
<body>


<div id="div1">这是一个div</div>
<div id="div2">这是一个div</div>
<div id="div3">这是一个div</div>

<div class="test">类的选择器</div>
</body>
</html>