jQuery 中波桩, $(document).ready()是什么意思磺箕?
就是等頁面加載好了之后再執(zhí)行這個函數(shù)
$node.html()和$node.text()的區(qū)別?
$node.html()可以獲取和設置node里面的數(shù)據(jù)纯出,包括html標簽
$node.text()只能設置和獲取里面的文本
$.extend 的作用和用法?
作用:1.當我們提供兩個或多個對象給$.extend()猴鲫,對象的所有屬性都添加到目標對象(target參數(shù))。
2.如果只有一個參數(shù)提供給$.extend()滞详,這意味著目標參數(shù)被省略凛俱。在這種情況下,jQuery對象本身被默認為目標對象料饥。這樣蒲犬,我們可以在jQuery的命名空間下添加新的功能。這對于插件開發(fā)者希望向 jQuery 中添加新函數(shù)時是很有用的
例:var a = { name: xiaoming, age: 18, sex: boy }; var b = { name: xiaohong, age: 19, sex: girl }; $.extend(a,b); console.log(a);//{name: xiaohong,age: 19, sex: girl}
jQuery 的鏈式調(diào)用是什么岸啡?
鏈式調(diào)用:使用jQuery方法時原叮,對象方法返回的是對象本身,可以調(diào)用對此對象的其他jQuery方法巡蘸,實現(xiàn)連續(xù)調(diào)用多個方法
例:$(this).siblings().removeClass('active');
jQuery 中 data 函數(shù)的作用
data()函數(shù)用于在當前jQuery對象所匹配的所有元素上存取數(shù)據(jù)奋隶。
通過data()函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù),一旦頁面刷新悦荒,之前存放的數(shù)據(jù)都將不復存在唯欣。該函數(shù)屬于jQuery對象(實例)。如果需要移除通過data()函數(shù)存放的數(shù)據(jù)搬味,請使用removeData()函數(shù)境氢。
寫出以下功能對應的 jQuery 方法:
給元素 $node 添加 class active,給元素 $noed 刪除 class active
$node.addClass('active'); $node.removeClass('active')
展示元素$node, 隱藏元素$node
$node.show(300,function(){}) $node.hide(300,function(){})
獲取元素$node 的 屬性: id碰纬、src萍聊、title, 修改以上屬性
$node.attr('id')悦析; $node.attr('src'); $node.attr('title'); $node.attr({'id': 'box', 'src':'xxx', 'title':'jirengu'})
給$node 添加自定義屬性data-src
$node.attr('data-src': 'http:/xxx.com')
在$ct 內(nèi)部最開頭添加元素$node
$ct.preappend($node)
在$ct 內(nèi)部最末尾添加元素$node
$ct.append($node)
刪除$node
$node.remove()
把$ct里內(nèi)容清空
$node.empty()
在$ct 里設置 html <div class="btn"></div>
$ct.html('<div class="btn"></div>')
獲取寿桨、設置$node 的寬度、高度(分別不包括內(nèi)邊距她按、包括內(nèi)邊距牛隅、包括邊框、包括外邊距)
$node.width() - 返回元素的寬度酌泰。//括號里寫值就是設置媒佣,沒有則返回 $node.height() - 返回元素的高度。//括號里寫值就是設置陵刹,沒有則返回 $node.innerWidth() 方法返回元素的寬度(包括內(nèi)邊距)默伍。 $node.innerHeight() 方法返回元素的高度(包括內(nèi)邊距)。 $node.outerWidth() 方法返回元素的寬度(包括內(nèi)邊距和邊框)。 $node.outerHeight() 方法返回元素的高度(包括內(nèi)邊距和邊框)也糊。 $node.outerWidth(true) 方法返回元素的寬度(包括內(nèi)邊距炼蹦、邊框和外邊距) $node.outerHeight(true) 方法返回元素的高度(包括內(nèi)邊距、邊框和外邊距)狸剃。
獲取窗口滾動條垂直滾動距離
$(document).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.find(".item")
獲取$ct 里面的所有孩子
$ct.children()
對于$node,向上找到 class 為'.ct'的父親僧凰,在從該父親找到'.panel'的孩子
$node.parents('.ct').find('.panel')
獲取選擇元素的數(shù)量
$node.length
獲取當前元素在兄弟中的排行
$node.index()
用jQuery實現(xiàn)以下操作
當點擊$btn 時探颈,讓 $btn 的背景色變?yōu)榧t色再變?yōu)樗{色
當窗口滾動時,獲取垂直滾動距離
當鼠標放置到$div 上训措,把$div 背景色改為紅色伪节,移出鼠標背景色變?yōu)榘咨?br>
當鼠標激活 input 輸入框時讓輸入框邊框變?yōu)樗{色,當輸入框內(nèi)容改變時把輸入框里的文字小寫變?yōu)榇髮懠斴斎肟蚴ソ裹c時去掉邊框藍色怀大,控制臺展示輸入框里的文字
當選擇 select 后,獲取用戶選擇的內(nèi)容
https://shaozhiyuan.github.io/blog/進階15題目7