html+JS学习笔记2 jQuery初探

jQuery:jQuery只是一个'写的少、做的多'的JavaScript的函数库,简单来说,就是用它组装好的功能来代替复杂的原生JavaScript代码。有些功能jQuery都已经写好了,我们只是负责用就可以啦!

1、使用时:首先要引入jQuery文件,在写之前介绍一个JavaScript中常用的语句,console.log();//向控制台输出一条消息。

2、AJAX:是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分;在jQuery中就封装了AJAX方法。

$.ajax({});这就是这个方法;$.ajax({type:'GET',url:'http://resource.haorenao.cn/teas2.json',success: function(data){}});  //这里的这个type:'GET'是说明获取的类型是GET;这个url就是我们存放数据的地址,是要发送请求的目的地址。这个function函数里面是当这个过程成功的话所要执行的程序。

<html>

      <head>

           <meta charset=' UTF-8'>

           <script src= 'https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js' > </script>  //引入网上的资源文件

      </head>

      <body>

           <script type = ' text/javascript' >

                    $(document).ready(function(){    //这是jQuery的一个文档就绪事件,等文件加载之后运行函数,这里的 $ 就相当于document.getElementById,也是在获取HTML元素;然后在$后面的()里写上id,像这样:$('#id')    。

                                $.ajax({

                                          type:'GET',

                                          url:'http://resource.haorenao.cn/teas2.json',

                                          success:function(data){

console.log(data);

}

});

});     </script> </body></html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,069评论 0 2
  • 每日箴言: 每个人都有选择的权利,你不选择我,说明你选择了比我更重要的东西。[http://requirejs.o...
    全栈弄潮儿阅读 2,985评论 2 85
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,687评论 18 503
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,205评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2