JAVA高级工程师课程笔记整理——（十二）jquery和ajax

（十二）jquery和ajax

一、基本选择器

    $(this)   //选择当前对象
    $("div") //便签选择
    $("#username") //ID选择
    $(".container")  //类选择
    $("[type='submit']") //属性选择
    $("input[type='submit']") //合并便签与属性选择
二、过滤器    
    $("div:first") //第一个div
    :last  //最后一个div
    :even  //偶数行
    :eq(x)   //第x个，从0开始
    :gt(x) //选择大于x的所有元素不包括x
    :lt(x) //选择小于x的所有元素不包括x
    :checked //所有被选中的元素
三、方法选择
    $("td").parent("tr"); //选取父节点
    $("tr").children("td");   //选取子节点
    .find("")                 //选取子节点
    .contain("")              //选择包含某文本的节点
四、常用方法
    .html()     //获取和设置文本内容
    .val()      //获取和设置属性
    .css("backgroud-color","blue");   //设置和获取样式
    .attr("checked","true")      //获取和设置属性
    .remove()    //删除节点以其子节点
    .addClass("样式名")    //添加样式
    .removeClass("")       //删除样式
    .removeAttr("")        //删除属性
    .hide()              //隐藏
    .show()              //显示
五、常用时间
    .click()            //单击事件
    .focus()            //获取焦点事件
    .hover(function(移入),function（移出）) //移入移出事件
    .blur()             //移出焦点时间
六、节点操作
    父节点.append("子节点")           //插入节点
    A.after("B")                        //同辈a之后放b
    replaceWith()                        //替换节点
七、遍历
    $("li").each(function(i){})   //遍历li便签
八、jquery操作ajax：
    $.ajax( {
        url : "发送的请求地址",
        type : "请求方式",
        data : "要发送的数据",
        dataType : "服务器返回的数据类型",  // "xml  html  script  json  text"
        beforeSend : function(data)  {  // 发送请求前执行的代码  },
        success : function(data)  {  // 发送成功后执行的代码  },
        error : function()  {  // 请求失败执行的代码  }
    } );