1.jQuery 中沪蓬, $(document).ready()是什么意思?
當DOM加載完成后執(zhí)行該函數(shù)
2.$node.html()和$node.text()的區(qū)別?
- $node.html():返回該節(jié)點下的html內(nèi)容(包括html標簽)荠瘪。
- $node.text():返回該節(jié)點下的文本內(nèi)容(不包括html標簽)夹界。
3.$.extend 的作用和用法?
- 用法:jQuery.extend([deep,] target [, object1 ] [, objectN ] );
- 作用
- 當我們提供兩個或多個對象給$.extend(),對象的所有屬性都添加到目標對象(target參數(shù))震叙。
- 如果只有一個參數(shù)提供給$.extend()羹应,這意味著目標參數(shù)被省略揽碘。在這種情況下,jQuery對象本身被默認為目標對象园匹。這樣雳刺,我們可以在jQuery的命名空間下添加新的功能。這對于插件開發(fā)者希望向 jQuery 中添加新函數(shù)時是很有用的裸违。
- 如果想保留原對象:var object = $.extend({}, object1, object2);
4.jQuery 的鏈式調(diào)用是什么煞烫?
在對象上一次性調(diào)動多個方法,利用方法返回this實現(xiàn)
$(this).addClass("active").siblings().removeClass("active")
5.jQuery 中 data 函數(shù)的作用
- 作用:data方法允許在DOM元素上綁定任意類型的數(shù)據(jù)累颂,避免了循環(huán)引用的內(nèi)存泄漏風險滞详。
- 語法:$(“selector”).data(key, value)凛俱。
6.寫出以下功能對應的 jQuery 方法:
- 給元素 $node 添加 class active,給元素 $noed 刪除 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: "abc",
src: "aaa",
title: "aaa"
})
- 給$node 添加自定義屬性data-src
$node.data($node[0],"src", xxx);
- 在$ct 內(nèi)部最開頭添加元素$node
$ct.prepend($node)
- 在$ct 內(nèi)部最末尾添加元素$node
$ct.append($node)
- 刪除$node
$node.remove();
- 把$ct里內(nèi)容清空
$ct.empty();
- 在$ct 里設置 html <div class="btn"></div>
$ct.html('<div class = "btn"></div>)
- 獲取岸啡、設置$node 的寬度原叮、高度(分別不包括內(nèi)邊距、包括內(nèi)邊距巡蘸、包括邊框奋隶、包括外邊距)
不包括內(nèi)邊距
$node.width();
$node.height();
包括內(nèi)邊距
$node.innerWidth();
$node.innerHeght();
包括邊框
$node.outerWidth();
$node.outerHeight();
包括外邊距
$node.outerWidth(true);
$node.outerHeight(true);
- 獲取窗口滾動條垂直滾動距離
$(window).scrollTop();
- 獲取$node 到根節(jié)點水平、垂直偏移距離
$node.offset()
- 修改$node 的樣式悦荒,字體顏色設置紅色唯欣,字體大小設置14px
$node.css({
"color": "red",
"font-size": "14px"
})
- 遍歷節(jié)點,把每個節(jié)點里面的文本內(nèi)容重復一遍
$node.each(function(){
console.log($(this).text())
})
- 從$ct 里查找 class 為 .item的子元素
$ct.index('.item');
- 獲取$ct 里面的所有孩子
$ct.children();
- 對于$node搬味,向上找到 class 為'.ct'的父親境氢,在從該父親找到'.panel'的孩子
$node.parents('.ct').find('.panel');
- 獲取選擇元素的數(shù)量
$node.length
- 獲取當前元素在兄弟中的排行
$node.index();