学习目标
- 掌握jquery的核心作用及其优点。
- 理解并能够应用jquery的引入方式和基本语法。
- 学会使用jquery选择器以及过滤和转移选择集的方法。
- 了解并熟练运用jquery中元素的获取、设置及属性操作。
- 掌握常用jquery事件及其代理的使用。
- 理解并能够使用javascript对象的创建及json数据格式。
- 明白ajax的作用及其在前后端交互中的应用。
一、jquery基础
jquery是一个免费、开源的javascript函数库，极大地简化了javascript编程。它兼容了现在主流的浏览器，增加了程序员的开发效率。
jquery的作用是负责网页和用户的交互效果，其优点包括简化javascript编程、兼容主流浏览器、代码编写更加简单等。
二、jquery的引入与基础语法
通过引入jquery库，我们可以在页面加载完成后再获取标签元素，保证获取标签元素没有问题，且速度比原生的window.onload更快。
jquery提供了ready函数来解决这个问题。jquery还有多种函数的写法。
三、选择器与操作
jquery选择器用于快速选择标签元素，获取标签的。选择规则和css样式一样。
标签选择器、类选择器、id选择器、层级选择器以及属性选择器等都是常用的选择器。还有has方法和eq方法等用于选择集的过滤和转移。
四、事件与代理
jquery中常用的事件包括click、blur、focus、mouseover、mouseout等。事件代理也是一种重要的技术，可以使用父元素来代理子元素的事件，减少事件的绑定次数，提高性能。
五、javascript对象与json
javascript中的所有事物都是对象，包括字符串、数值、数组、函数等。创建自定义javascript对象有两种方式：通过顶级object类型实例化或使用对象字面量创建。
json是一种数据格式，类似于javascript对象，但它是文本形式的数据。json有两种格式：对象格式和数组格式。在js中操作json数据时，可以将json字符串转化为javascript对象。
六、ajax的应用
ajax是asynchronous javascript and xml的简写，它是一种前后台配合的技术。通过ajax，javascript可以发送异步的http请求与后台通信进行数据获取，实现局部刷新页面。ajax的最大优点就是可以在不重新加载整个页面的情况下更新部分内容。
为了方便使用，jquery将ajax的操作封装成了一个方法，名为$.ajax()。我们可以通过这个方法来轻松地执行ajax请求。
下面为大家展示一个示例代码：
关于ajax方法的参数，这里做一个详细的说明：
1. url：这是请求的地址，也就是我们想要获取数据的源地址。
2. type：请求方式，默认是'get'，但'post'也是常用的请求方式。
3. datatype：用于设置返回的数据格式，常用的有'json'格式。
4. data：这是我们发送给服务器的数据，如果没有参数则不需要设置。
5. success：当请求成功后，会调用这个回调函数。
6. error：如果请求失败，会执行这个回调函数。
7. async：是否异步的设定，默认值是'true'，表示异步请求。一般情况下，这个参数可以不用写。
同步和异步的概念也很重要。同步意味着一个ajax请求完成后，另外一个才可以发起请求，需要等待上一个请求完成。这有点像线程同步的概念。而异步则是多个ajax请求可以同时进行，不需要等待其他请求完成。这就像线程异步的概念。
$.ajax()方法还可以按照请求方式进行简写，比如$.get或$.post方式。
下面再为大家展示一下$.get和$.post方法的参数：
$.get(url, data, success(data, status, xhr), datatype).error(func)；而$.post方法与之类似，只是请求方式不同。两者的参数含义大致相同，只是请求类型有所区别。