$(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對象上讀數據