jQuery和Ajax

jQuery

 jQuery是一个快速、简洁的JavaScript框架，本质上就是一些js文件，封装了js的原生代码而已
        jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
        js -- > jq : $(js对象)
        入口函数 $(function () {});
            window.onload  和 $(function) 区别：window.onload 需要等待页面资源全部加载完成，且只能定义一次,如果定义多次，后边的会将前边的覆盖掉。$(function)在dom全部创建完成即可，可以定义多次的。

基本选择器

            标签选择器$("html标签名")
            id选择器$("#id的属性值")
            类选择器$(".class的属性值")
             并集选择器$("选择器1,选择器2....")

层级选择器

            后代选择器$("A B ")
            子选择器$("A > B") 选择A元素内部的所有B子元素

属性选择器

            属性名称选择器 $("A[属性名]")
            属性选择器$("A[属性名='值']....")

过滤选择器

            首元素选择器$("doms:first")
            尾元素选择器 $("doms:last")
            偶数选择器$("doms:even")
            奇数选择器$("doms:odd")
            可用元素选择器$("forms:enabled")
            不可用元素选择器$("forms:disabled")
            选中选择器$("forms:checked")
            选中选择器 $("options:selected")

DOM操作

            内容操作

                html(): 获取/设置元素的标签体内容
                val()： 获取/设置元素的value属性值
                text(): 获取/设置元素的标签体纯文本内容

            属性操作

                prop()操作的是元素的固有属性
                attr()操作的是元素自定义的属性

            样式操作

                 addClass():添加class属性值
                removeClass():删除class属性值
                 toggleClass():切换class属性

        CRUD操作

            append():父元素将子元素追加到末尾
            prepend():父元素将子元素追加到开头
            after():添加元素到元素后边
            before():添加元素到元素前边
            remove():移除元素
            empty():清空元素的所有后代元素。

        动画

            显示
                show
                slideDown
                fadeIn
            隐藏
                hide
                slideUp
                fadeOut
        遍历：jq对象.each(callback)

Ajax

    Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术
        同步：客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
        异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作
        JQeury实现方式
             $.ajax({
             url:"ajaxServlet1111" , // 请求路径
             type:"POST" , //请求方式              

            data:{"username":"jack","age":23},
            success:function (data) {
            alert(data);
             },//响应成功后的回调函数
            error:function () {
           alert("出错啦...")
           },//表示如果请求响应出现错误，会执行的回调函数
 });

    JSON：JavaScript对象表示法

        json现在多用于存储和交换文本信息的语法
        进行数据的传输
        JSON 比 XML 更小、更快，更易解析。
        数据在键值对中
        数据由逗号分隔
        花括号保存对象
        方括号保存数组
        获取方式
            json对象.键名
json对象["键名"]
数组对象[索引]
遍历
        JSON解析器：
            常见的解析器：Jsonlib，Gson，fastjson，jackson
            JSON转为Java对象：readValue(json字符串数据,Class)
            Java对象转换JSON：writeValueAsString(obj)