1. jQuery介绍

1. 概念

  • jQuery: javaScript + query， 是辅助JavaScript开发的js类库（即第三方类库）
  • 作用： 解决浏览器兼容问题

2. 初体验

  • 需求： 使用jQuery 给一个按钮绑定单击事件

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5. <title>Insert title here</title>
    6.   <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    7.   <script type="text/javascript">
    8.   $(function(){
    9.       var $btn = $("#btnId"); //表示按id查询标签对象
    10.       $btn.click(function(){
    11.           alert("jQuery的单击事件")；
    12.       });
    13.   });
    15.   </script>
    16. </head>
    17. <body>
    18.   <button id="btnId">SayHello</button>
    19. </body>
    20. </html>

3. 常见问题

    1. 一定要引用js库： src=”../script/jquery-1.7.2.js

    1. $()——>是一个函数:

      • 当传入的参数是【函数】时，相当于：
        • window.onload = function(){};

      • 当传入的参数时【HTML字符串】时：

        • 会帮我们创建这个html标签对象，eg:

          • $(

                               "<div>" +<br />                                          "<span>div-span1</span>" +<br />                                             "<span>div-span2</span>" +<br />                                  "</div>"<br />).appendTo("body");
    1. 怎么为俺就添加单击响应函数的？
        1. 使用jQuery查询到标签对象
        1. 使用 标签对象.click();

4. jQuery选择器