进阶15-jQuery动画与ajax
2017-02-02 本文已影响0人
饥人谷_桶饭
-
题目1： jQuery 中， $(document).ready()是什么意思？
答：
$(document).ready()意思是等页面中的DOM元素加载完毕后再执行jQuery代码，而不必等待页面中的图像加载完毕。$(document).ready(function(){
todo....
})
* 题目2：`$node.html()`和`$node.text()`的区别?
答：
`$node.html()`返回所选择元素内的html内容，包含html标签和文本内容。
`$node.text()`返回所选择元素内的文本内容，不包含html标签。
* 题目3： $.extend 的作用和用法?
答：
作用：将两个或更多对象的内容合并到第一个对象。
用法：
1. `0jQuery.extend( target [, object1 ] [, objectN ] )`第一个参数(obj1)作为目标对象，后面的对象参数(obj2)的属性会合并到目标对象中。如果只有一个参数，那么jQuery对象本身将被作为目标对象。可以通过这种方法向jQuery的命名空间添加新的功能。
2. `jQuery.extend( [deep ], target, object1 [, objectN ] )`如果第一个参数是true,那么合并(深拷贝)的多个对象内部的对象参数就不会产生合并的现象,全部都会展示出来。
3. 作为目标对象的第一个参数会被修改，如果想要保留目标对象原先的值，可以将第一个参数设置为空对象。作为目标对象的第一个参数会被修改，如果想要保留目标对象原先的值，可以将第一个参数设置为空对象。
* 题目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)
