jQuery

jQuery基础

1.  $(selector).action();       
2.  //文档就绪事件: 即在 DOM 加载完成后才对 DOM 进行操作
    $(document).ready(function(){
      .....
    }); 
    <=>
    $(function(){
      ....
    });
3.  //jquery 选择器
    .class  #id ......
4.  //jquery 事件
    $(.class).click(function(){
        ...
    })
    //常用事件  click、 dbclick、 mouseenter、mouseleave、hover、focus、blur...

5.  //jQuery效果： 隐藏、显示、切换，滑动，淡入淡出，以及动画
    //jQuery链 (chaining):
        Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上):
    eg:
        $("#p1").css("color","red")
            .slideUp(2000)
            .slideDown(2000);

6.  //jQuery操作DOM
    1) 获取内容：text(), html(), val()
    2) 获取属性：attr(), prop()
    3) 添加元素: append(), prepend(), after(), before()
    4) 删除元素：remove()

7.  //jQuery操作css
    1) addClass(), //向被选元素添加一个或多个类
    2) removeClass(), 
    3) toggleClass(), 
    4) css()          //设置或返回样式属性
        $("p").css({"background-color":"yellow",
            "font-size":"200%"});
8.  //jQuery遍历DOM:
    1) parent(), children(), find(), next()
    2) 过滤：first(), last(), eq(index), filter()

9.  // jQuery 与 AJAX：
    // AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。
    // jQuery get()和 post()方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
    
    $.get(URL,callback);  //通过 HTTP GET 请求从服务器上请求数据。
    $.post(URL,data,callback);  //通过 HTTP POST 请求向服务器提交数据。