前端基础搬运工-jQuery模块
五、jQuery模块
基础部分
1. 谈谈你对jQuery的理解？
- [ ] JQuery 是继 prototype 之后又一个优秀的 Javascript 库。它是轻量级的js 库 ，它
兼容 CSS3，还兼容各种浏览器（IE 6.0+，FF1.5+，Safari 2.0+，Opera 9.0+），jQuery2.0
及后续版本将不再支持 IE6/7/8 浏览器。jQuery 使用户能更方便地处理 HTML（标准通用
标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供 AJAX 交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，
同时还有许多成熟的插件可供选择。jQuery 能够使用户的 html页面保持代码和 html 内容
分离，也就是说，不用再在 html里面插入一堆 js 来调用命令了，只需要定义 id即可。
jQuery 是一个兼容多浏览器的 javascript 库，核心理念是write less，do more(写
得更少，做得更多)。 jQuery是免费、开源的，使用 MIT 许可协议。jQuery 的语法设
计可以使开发更加便捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、
使用 Ajax 以及其他功能。除此以外，jQuery 提供 API让开发者编写插件。其模块化的使
用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
2. 、原生JS的window.onload与Jquery的$(document).ready(function
() {})，$(function () {})有什么不同？
- [ ] 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是 DOM 结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同 window.onload不能同时编写多个，如果有多个 window.onload 方法，只会执 行一个 $(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法 window.onload没有简化写法
$(document).ready(function (){})
可以简写成$(function(){})；
3. jQuery一个对象可以同时绑定多个事件，是如何实现的？
- [ ] jQuery可以给一个对象同时绑定多个事件，低层实现方式是使用addEventListner或attachEvent兼容不同的浏览器实现事件的绑定，这样可以给同一个对象注册多个事件。
4. jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
- [ ] this执行init构造函数自身，其实就是jQuery实例对象，返回this是为了实现jQuery的链式操作
5. jQuery.extend和jQuery.fn.extend有什么区别？
- [ ] Jquery.extend用来扩展jQuery对象本身；jquery.fn.extend用来扩展jQuery实例
实际工作部分
1. jQuery框架中$.ajax()的常用参数有哪些？写一个post请求并带有发送数据和返回数据的样例？
- [ ] async是否异步
url请求地址
contentType发送信息至服务器时内容编码类型
data发送到服务器的数据
dataType预期服务器返回的数据类型
type请求类型
success请求成功回调函数
error请求失败回调函数
$.ajax({
url: "/jquery/test1.txt",
type: 'post',
data: { id: 1 },
success: function ( data ) { alert(data); }
})
2. 举一下jquery中的函数，这些函数实现链式编程的原理？
- [ ] toggle（fn, fn）
$（“td”）.toggle（
function（）{
$（this）.addClass（“selected”）;
}，
function（）{
$（this）.removeClass（“selected”）;
）
实现函数链式编程的原理：返回自身，其他过程在函数内部实现，其好处是：节约js代码，返回的是同一个对象，提高代码的效率。
