jQuery动画与ajax

1. ** jQuery 中， $(document).ready()是什么意思？**
   当DOM准备就绪时，指定一个函数来执行。
2. $node.html()和$node.text()的区别?
   $node.html()返回的是匹配元素的html内容
   $node.text()返回的是文本内容，是匹配元素的每个后代元素的合并文本
3. **$.extend 的作用和用法? **
   $.extend的作用是将两个或更多对象的内容合并到第一个对象。
   $.extend([deep], target [, object1 ] [, objectN ] )
   target对象是被修改的对象，并且将通过$.extend()返回。如果我们想保留原对象，我们可以通过传递一个空对象作为target
   deep参数:extend默认是空，意思是不是递归。如果该参数是true，合并时递归（深拷贝），该参数不能为false。
4. ** jQuery 的链式调用是什么？**
   使用jQuery方法时，对象方法返回的是对象本身，可以调用对此对象的其他jQuery方法，实现连续调用多个方法
5. ** jQuery 中 data 函数的作用**
   .data() 方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险。

$("body").data("foo", 52);
$("body").data("bar", { myType: "test", count: 40 });
$("body").data({ baz: [ 1, 2, 3 ] });
 
 $("body").data("foo");   //52
$("body").data();     //{ foo: 52, bar: { myType: "test", count: 40 }, baz: [ 1, 2, 3 ] }

6. 写出以下功能对应的 jQuery 方法：

给元素 $node 添加 class active，给元素 $node 删除 class active
$node.addClass('active')
$node.removeClass('active') 
  ------------ 
展示元素$node, 隐藏元素$node
$node.show()
$node.hide()
 ----------
获取元素$node 的 属性: id、src、title， 修改以上属性
$node.attr('id');
$node.attr('src');
$node.attr('title');
$node.attr({
              id : 'value' , 
              src : 'value',
              title : 'value'
});
 ------
给$node 添加自定义属性data-src
$node.attr(data-src , 'value' )
 --------
在$ct 内部最开头添加元素$node
$ct.prepend($node)
$node.prependTo($ct)
 ------
在$ct 内部最末尾添加元素$node
$ct.append($node)
$node.appendTo($ct)
 ------
删除$node
$node.remove()
 ------
把$ct里内容清空
$ct.empty()
 ------
在$ct 里设置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>')
 -------
获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
$node.width()
$node.height()
$node.innerWidth()    //包括内边距
$node.innerHeight()   //包括内边距
$node.outerWidth()    //包括边框
$node.outerHeight()   //包括边框
$node.outerWidth(true)   //包括外边距   
$node.outerHeight(true)   //包括外边距
 ------
获取窗口滚动条垂直滚动距离
$(window).scrollTop()  
 ------
获取$node 到根节点水平、垂直偏移距离
$node.offset().left
$node.offset().top
 ------
修改$node 的样式，字体颜色设置红色，字体大小设置14px
$node.css({color : red ; font-size : 14px;})
 ------
遍历节点，把每个节点里面的文本内容重复一遍
$node.each(function(){$(this).text())
 ------
从$ct 里查找 class 为 .item的子元素
$ct.children('.item')
 ------
获取$ct 里面的所有孩子
$ct.children()
 ------
对于$node，向上找到 class 为'.ct'的父亲，在从该父亲找到'.panel'的孩子
$node.parent('.ct').children('.panel')
 ------
获取选择元素的数量
$node.length
 ------
获取当前元素在兄弟中的排行
$node.index()

题目7