jQuery動畫與ajax

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

題目8

http://js.jirengu.com/fagufuyoce/1/edit?html,js,output

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末全闷,一起剝皮案震驚了整個濱河市叉寂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌总珠,老刑警劉巖屏鳍,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異局服,居然都是意外死亡钓瞭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門淫奔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來山涡,“玉大人,你說我怎么就攤上這事唆迁⊙即裕” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵唐责,是天一觀的道長鳞溉。 經(jīng)常有香客問我,道長鼠哥,這世上最難降的妖魔是什么熟菲? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任看政,我火速辦了婚禮,結(jié)果婚禮上抄罕,老公的妹妹穿的比我還像新娘允蚣。我一直安慰自己,他們只是感情好呆贿,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布嚷兔。 她就那樣靜靜地躺著,像睡著了一般榨崩。 火紅的嫁衣襯著肌膚如雪谴垫。 梳的紋絲不亂的頭發(fā)上章母,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天母蛛,我揣著相機與錄音,去河邊找鬼乳怎。 笑死彩郊,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的蚪缀。 我是一名探鬼主播秫逝,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼询枚!你這毒婦竟也來了违帆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤金蜀,失蹤者是張志新(化名)和其女友劉穎刷后,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體渊抄,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡尝胆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了护桦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片含衔。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖二庵,靈堂內(nèi)的尸體忽然破棺而出贪染,到底是詐尸還是另有隱情,我是刑警寧澤催享,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布杭隙,位于F島的核電站,受9級特大地震影響睡陪,放射性物質(zhì)發(fā)生泄漏寺渗。R本人自食惡果不足惜匿情,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望信殊。 院中可真熱鬧炬称,春花似錦、人聲如沸涡拘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽录豺。三九已至,卻和暖如春拧粪,著一層夾襖步出監(jiān)牢的瞬間橱野,已是汗流浹背朽缴。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留水援,地道東北人密强。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像蜗元,于是被迫代替她去往敵國和親或渤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容