-
题目1: jQuery 中, $(document).ready()是什么意思?
答:
$(document).ready()
意思是等页面中的DOM元素加载完毕后再执行jQuery代码,而不必等待页面中的图像加载完毕。$(document).ready(function(){
todo....
})
* 题目2:`$node.html()`和`$node.text()`的区别?
答:
`$node.html()`返回所选择元素内的html内容,包含html标签和文本内容。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-ed12713b912068d3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
`$node.text()`返回所选择元素内的文本内容,不包含html标签。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-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](http://upload-images.jianshu.io/upload_images/2858982-4b4fee3c5a8c7893.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2. `jQuery.extend( [deep ], target, object1 [, objectN ] )`如果第一个参数是true,那么合并(深拷贝)的多个对象内部的对象参数就不会产生合并的现象,全部都会展示出来。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-0c003f15031e8ca6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3. 作为目标对象的第一个参数会被修改,如果想要保留目标对象原先的值,可以将第一个参数设置为空对象。作为目标对象的第一个参数会被修改,如果想要保留目标对象原先的值,可以将第一个参数设置为空对象。
![Paste_Image.png](http://upload-images.jianshu.io/upload_images/2858982-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](http://upload-images.jianshu.io/upload_images/2858982-00ea19a991d4a15c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)