进阶15-jQuery动画与ajax

• 题目1： jQuery 中， $(document).ready()是什么意思？

  答：
  $(document).ready()意思是等页面中的DOM元素加载完毕后再执行jQuery代码，而不必等待页面中的图像加载完毕。

  $(document).ready(function(){
  

todo....
})

    
* 题目2：`$node.html()`和`$node.text()`的区别?
    答：
`$node.html()`返回所选择元素内的html内容，包含html标签和文本内容。
     ![Paste_Image.png](https://img.haomeiwen.com/i2858982/ed12713b912068d3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    `$node.text()`返回所选择元素内的文本内容，不包含html标签。
![Paste_Image.png](https://img.haomeiwen.com/i2858982/48069dc2b9ce0880.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

* 题目3： $.extend 的作用和用法? 
答：
    作用：将两个或更多对象的内容合并到第一个对象。
    用法：
    1. `0jQuery.extend( target [, object1 ] [, objectN ] )`第一个参数(obj1)作为目标对象，后面的对象参数(obj2)的属性会合并到目标对象中。如果只有一个参数，那么jQuery对象本身将被作为目标对象。可以通过这种方法向jQuery的命名空间添加新的功能。
 ![Paste_Image.png](https://img.haomeiwen.com/i2858982/4b4fee3c5a8c7893.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    2. `jQuery.extend( [deep ], target, object1 [, objectN ] )`如果第一个参数是true,那么合并(深拷贝)的多个对象内部的对象参数就不会产生合并的现象,全部都会展示出来。
![Paste_Image.png](https://img.haomeiwen.com/i2858982/0c003f15031e8ca6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    3. 作为目标对象的第一个参数会被修改，如果想要保留目标对象原先的值，可以将第一个参数设置为空对象。作为目标对象的第一个参数会被修改，如果想要保留目标对象原先的值，可以将第一个参数设置为空对象。
![Paste_Image.png](https://img.haomeiwen.com/i2858982/8b3d731e8604773d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

* 题目4： jQuery 的链式调用是什么？
答：
    jQuery的链式调用是指对一个对象连续的使用jQuery方法。提高代码可读性
    例如`$(this).removeClass("activity").addClass("activity").next().show()`
* 题目5： jQuery 中 data 函数的作用
答：
    1. data([key],[value])作用：在元素上存放数据,返回jQuery对象。
    2. 参数:key:存储的数据名;value:将要存储的任意数据。

console.log($("#box1").data("abc")); //undefined
$("#box1").data("abc", "123"); //设置abc为123
console.log($("#box1").data("abc")); //123
$("#box1").removeData("abc"); //移除abc设置的值
console.log($("#box1").data("abc")); //undefined

$("#box2").data("test", {first: 16, last: "pizza"}); //给存储名为test的对象存储内容{first:16,last:"pizza"}
console.log($("#box2").data("test").first); //16
console.log($("#box2").data("test").last); //pizza
console.log($("#box2").data("test")); //{first: 16, last: "pizza"}
$("#box2").removeData("test"); //移除test设置的内容
console.log($("#box2").data("test")); //undefined

* 题目6
[预览地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-6.html)
* 题目7
[预览地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-7.html)
* 题目8 
[预览地址](http://book.jirengu.com/jirengu-inc/jrg-renwu7/members/%E6%96%BD%E4%B8%9C%E7%85%8C/%E8%BF%9B%E9%98%B615/15-8.html)
![Paste_Image.png](https://img.haomeiwen.com/i2858982/00ea19a991d4a15c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)