JQuery基础（选择器、事件、DOM操作）

一、选择器

1、基本选择器

①id选择器 ②class选择器 ③标签名选择

④并列选择 ⑤后代选择

代码用法展示：

<title></title>
    <script src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
    <form >
        <div >
            <a>aaaaa</a>  <%--a标记--%>
        </div>
        <div ></div>
        <div class="div"></div>
        <div></div>     
    </form>
</body>
</html>

<%--   $   JQuery标志性符--%>
<script type="text/javascript" >
    $("#div1").css("background-color", "red");  //id选择,$("#div1")相当于js中docunment.getElementById("div1"),下面其他类似
    $(".div2").css("background-color", "red");   //class选择
    $("div").css("background-color", "red");     //标签选择
    $("#div1,#div2").css("background-color", "red");    //并列选择，用逗号隔开
    $("#div1 a").css("background-color", "red");    //后代选择，用空格隔开
</script>