jQuery 中爪喘, $(document).ready()是什么意思碧信?
在文檔加載后激活函數(shù):當(dāng) DOM(文檔對(duì)象模型) 已經(jīng)加載筛峭,并且頁(yè)面(包括圖像)已經(jīng)完全呈現(xiàn)時(shí)崔梗,會(huì)發(fā)生 ready 事件。
$node.html()和$node.text()的區(qū)別?
$node.html:包括節(jié)點(diǎn)內(nèi)的html標(biāo)簽逻澳,節(jié)點(diǎn)信息闸天。
$node.text:只包含節(jié)點(diǎn)內(nèi)的文本信息。
$.extend 的作用和用法?
jQuery.extend( [deep ], target, object1 [, objectN ] )
將兩個(gè)或更多對(duì)象的內(nèi)容合并到第一個(gè)對(duì)象斜做。
deep
類(lèi)型: Boolean
如果是true苞氮,合并成為遞歸(又叫做深拷貝)。
target
類(lèi)型:[Object
對(duì)象擴(kuò)展瓤逼。這將接收新的屬性笼吟。
object1
類(lèi)型: Object
一個(gè)對(duì)象,它包含額外的屬性合并到第一個(gè)參數(shù).
objectN
類(lèi)型: Object
包含額外的屬性合并到第一個(gè)參數(shù)
jQuery.fn.extend( object )
一個(gè)對(duì)象的內(nèi)容合并到j(luò)Query的原型抛姑,以提供新的jQuery實(shí)例方法赞厕。
object
Type: Object
一個(gè)對(duì)象,用來(lái)合并到j(luò)Query的原型定硝。
jQuery 的鏈?zhǔn)秸{(diào)用是什么皿桑?
在一個(gè)對(duì)象調(diào)用一個(gè)jquery方法之后可以直接繼續(xù)調(diào)用其他方法如:
$node.addClass('active').removeClass('active')
他的原理是在調(diào)用一個(gè)方法之后函數(shù)返回這個(gè)對(duì)象本身。
jQuery 中 data 函數(shù)的作用
$node.data( key, value )
在匹配元素上存儲(chǔ)任意相關(guān)數(shù)據(jù)
key
類(lèi)型: String
一個(gè)字符串,用戶(hù)存儲(chǔ)數(shù)據(jù)的名稱(chēng)诲侮。(譯者注:存儲(chǔ)的數(shù)據(jù)名)
value
類(lèi)型: Object
新的數(shù)據(jù)值镀虐;它可以是任意的Javascript數(shù)據(jù)類(lèi)型,包括Array 或者 Object沟绪。
$node.data( obj )
obj
類(lèi)型: Object
一個(gè)用于更新數(shù)據(jù)的 鍵/值對(duì)
$('body').data('aaa','bbb')
//在body節(jié)點(diǎn)上儲(chǔ)存名為aaa的數(shù)據(jù)刮便,數(shù)據(jù)內(nèi)容為bbb
寫(xiě)出以下功能對(duì)應(yīng)的 jQuery 方法:
給元素 $node 添加 class active
$node.addClass('active')
給元素 $noed 刪除 class active
$node.removeClass('active')
展示元素$node, 隱藏元素$node
$node.show()
$node.hide()
獲取元素$node 的 屬性: id、src绽慈、title恨旱, 修改以上屬性
$node.attr('id'[,修改的內(nèi)容,不填則獲取id屬性])
$node.attr('src'[,修改的內(nèi)容,不填則獲取id屬性])
$node.attr('title'[,修改的內(nèi)容,不填則獲取id屬性])
給$node 添加自定義屬性data-src
$node.attr('data-src')
在$ct 內(nèi)部最開(kāi)頭添加元素$node
$ct.prepend($node)
$node.prependTo($ct)
在$ct 內(nèi)部最末尾添加元素$node
$ct.append($node)
$node.appendTo($ct)
刪除$node
$node.remove()
把$ct里內(nèi)容清空
$ct.empty()
在$ct 里設(shè)置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>')
獲取、設(shè)置$node 的寬度坝疼、高度(分別不包括內(nèi)邊距搜贤、包括內(nèi)邊距、包括邊框钝凶、包括外邊距)
$node.width();//不包括內(nèi)邊距寬度,僅包括內(nèi)容
$node.height();//不包括內(nèi)邊距高度,僅包括內(nèi)容
$node.innerWidth();//包括內(nèi)容和內(nèi)邊距寬度
$node.innerHeight();//包括內(nèi)容和內(nèi)邊距高度
$node.outerWidth();//包括內(nèi)容,內(nèi)邊距,邊框?qū)挾?$node.outerHeight();//包括內(nèi)容,內(nèi)邊距,邊框高度
$node.outerHeight(true);//包括內(nèi)容,內(nèi)邊距,邊框,外邊距高度
$node.outerWidth(true);//包括內(nèi)容,內(nèi)邊距,邊框,外邊距寬度
獲取窗口滾動(dòng)條垂直滾動(dòng)距離
$(window).scrollTop()
獲取$node 到根節(jié)點(diǎn)水平仪芒、垂直偏移距離
$node.offset()
修改$node 的樣式,字體顏色設(shè)置紅色耕陷,字體大小設(shè)置14px
$node.css({'color':'red','font-size':'14px'})
遍歷節(jié)點(diǎn)掂名,把每個(gè)節(jié)點(diǎn)里面的文本內(nèi)容重復(fù)一遍
$node.each(function(){
console.log( $(this).text())
})
從$ct 里查找 class 為 .item的子元素\
$ct.find('.item')
獲取$ct 里面的所有孩子
$ct.children()
對(duì)于$node,向上找到 class 為'.ct'的父親哟沫,在從該父親找到'.panel'的孩子
$node.parents('.ct').children('.panel')
獲取選擇元素的數(shù)量
$node.length
獲取當(dāng)前元素在兄弟中的排行
$node.index()