jQuery常用方法

$(document).ready()

DOM加载完毕后，指定一个函数来执行，
使用方法

$(document).ready(function(){
    console.log("ready")
})
$(function(){
    console.log("ready")
})
//二者是等价的

可以把js放在下面的函数里面，这样这段代码可以放在DOM节点的任意位置，因为它是在DOM加载完毕后执行的。而且所有的变量都是局部变量。

$(document).ready(function(){
    //JavaScript...
})

$node.html()和$node.text()的区别?

• $node.html() 是获取DOM节点内的html结构。
  传入参数的时候，标签生效。

• $node.text() 是获取DOM节点内的text文本。传入参数的时候，标签不生效。

$.extend() 的作用和用法?

$.extend( object, object1, object2)
把object1的参数添加到object中，属性同名时覆盖，再把object2的参数添加到object中，属性同名时覆盖。也可以是下面的写法：
var object = $.extend( {}, object1, object2)

• 默认情况下是浅拷贝，想要深拷贝，就传入true参数
  var object = $.extend( true, {}, object1, object2)

jQuery 的链式调用

链式调用：使用jQuery方法时，对象方法返回的是对象本身，可以调用对此对象的其他jQuery方法，实现连续调用多个方法

例子：

$(".box").hide().show()  //元素先隐藏，后展示

jQuery 中 data 函数的作用

data 函数实际上是对js对象或DOM对象的额外属性做一个集中管理，来避免内存泄漏

$.data(ele, name, data) 
    //是对ele元素附加数据
$().data(key, value)
    //$().data(obj)是为jQuery对象中的所有DOM对象分别附加数据
$().data(key), 
    //$().data()从jQuery对象上读数据