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()    请求数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值