$(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对象上读数据