jQuery

jQuery(js的第三方库)

      <div id='app'>hello</div>

      var app = document.getElementById('app')  =   $('#app')

1第三方库，减轻工作量，它是对我们ECMAScript、DOM、BOM的浅封装

2使用

      1.安装    下载源码

       2.引入

       3.看文档使用

3.jquery函数

既可以使用$，也可以使用jQuery，$ === jQuery

        1.$(选择器)

          选中符合选择器的Element（元素），然后将这个元素添加到jQuery对象

        2.$(html片段)

          $('<div>hello</div>')

          将这个片段先转化为Element（元素），然后将这个元素添加到jQuery对象中

        3.$(Element元素)

          将这个Element元素转化为jQuery对象

        4.$(匿名函数)

          在文档加载完毕之后，执行匿名函数

      <div></div>

           css:

      div {

        color:red

      }

    

      js:

      原生

        document.getElementById('app')

      jquery

        $('div')

    jquery(ajax)

      原生ajax

      1.初始化对象（XMLHttpRequest）

        var xhr = new XMLHttpRequest()

      2.建立连接（设置请求行）

        xhr.open(type,ur)

      3.设置请求头

        xhr.setRequestHeader(key,val)

      4.发送请求

        xhr.send(data)     //get:data可以不传，post：传

      5.监听响应

        xhr.onreadystatechange = function() {

          this.readyState //状态 2、3、4（响应回来）

          this.status     //状态 200、304、404、500

          if(this.readyState === 4 && this.status === 200){

            console.log(this.response)    //字符串

            //反序列化

            var res = JSON.parse(this.response)  //对象

          }

        }

      var $ = {

        get:function(){

          //五步操作

        }

      }

      $.get()

      功能

      参数

      api

      $.ajax()    请求数据