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

JQuery —— 一个js函数包

一、选择器

1、基本选择器

①id选择器：# ②class选择器：. ③标签名选择：标签名

④并列选择：用，隔开 ⑤后代选择：用空格隔开

代码用法展示：

<title></title>
    <script src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="div1">
            <a>aaaaa</a>  <%--a标记--%>
        </div>
        <div id="div2"></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>

基本选择器