初識(shí)jQuery

題目1: 說說庫和框架的區(qū)別镐侯?

庫的英語為 Library ( 簡寫 Lib ),框架的英語為 Framework驶冒。

庫是將代碼集合成的一個(gè)產(chǎn)品苟翻,供程序員調(diào)用。面向?qū)ο蟮拇a組織形式而成的庫也叫類庫骗污。面向過程的代碼組織形式而成的庫也叫函數(shù)庫崇猫。
在函數(shù)庫中的可直接使用的函數(shù)叫庫函數(shù)。開發(fā)者在使用庫的時(shí)候需忿,只需要使用庫的一部分類或函數(shù)诅炉,然后繼續(xù)實(shí)現(xiàn)自己的功能。

框架則是為解決一個(gè)(一類)問題而開發(fā)的產(chǎn)品屋厘,框架用戶一般只需要使用框架提供的類或函數(shù)涕烧,即可實(shí)現(xiàn)全部功能『谷鳎可以說议纯,框架是庫的升級(jí)版。
開發(fā)者在使用框架的時(shí)候溢谤,必須使用這個(gè)框架的全部代碼瞻凤。

框架和庫的比較可以想像為:

假如我們要買一臺(tái)電腦憨攒。框架為我們提供了已經(jīng)裝好的電腦阀参,我們只要買回來就能用肝集,但你必須把整個(gè)電腦買回來。這樣用戶自然輕松許多蛛壳,但會(huì)導(dǎo)致
很多人用一樣的電腦杏瞻,或你想自定義某個(gè)部件將需要修改這個(gè)框架。而庫就如自己組裝的電腦炕吸。庫為我們提供了很多部件伐憾,我們需要自己組裝勉痴,如果某個(gè)部件
庫未提供赫模,我們也可以自己做。庫的使用非常靈活蒸矛,但沒有框架方便瀑罗。

題目2: jquery 能做什么?

封裝部分JavaScript代碼雏掠,API友好斩祭。

$(“css選擇器”) 代替了 document.getElementsByTagName(“”)、document.getElementById(“”)…
$(“css選擇器”).css(“color”,”red”) 代替了 document.getElementById(“”).style.color = “red”乡话。
$(“css選擇器”).text(“”) 一個(gè)api同時(shí)具有讀跟寫的功能摧玫。($(“div”).text(“你好嗎”);)。
$(“css選擇器”).on(“click”,function (){}),監(jiān)聽事件绑青。

題目3: jquery 對(duì)象和 DOM 原生對(duì)象有什么區(qū)別诬像?如何轉(zhuǎn)化?

DOM原生對(duì)象:w3c標(biāo)準(zhǔn)用于操作文檔的API.
jQuery對(duì)象:包裝DOM對(duì)象產(chǎn)生的對(duì)象闸婴。
區(qū)別:DOM原生對(duì)象使用DOM原生對(duì)象的方法坏挠,jQuery對(duì)象使用jQuery對(duì)象的方法。
轉(zhuǎn)化:
DOM原生對(duì)象轉(zhuǎn)化為jQuery對(duì)象:$div = $(document.getElementsByTagName(‘div’));
jQuery對(duì)象轉(zhuǎn)化為DOM原生對(duì)象:div = $div[index];

題目4:jquery中如何綁定事件邪乍?bind降狠、unbind、delegate庇楞、live榜配、on、off都有什么作用吕晌?推薦使用哪種蛋褥?使用on綁定事件使用事件代理的寫法?

$(".className").on('eventType',function(){dosth...})//jquery通過on來綁定事件
bind和unbind是較早版本的jquery的語法聂使,現(xiàn)在已經(jīng)不推薦使用

$('.classname').bind('click',function(){
    console.log($(this).html())//在控制臺(tái)打印點(diǎn)擊元素的innerHTML值壁拉。
})
unbind是bind的反向操作
$('.classname').unbind()//取消綁定在選定元素的所有事件
$('.classname').unbind('click')//取消綁定在選定元素的單擊事件
delegate谬俄,給選定元素的子元素綁定事件,使用 delegate() 方法的事件處理程
序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)弃理。
$('.parentname').delegate('.childname','click',function(){
    dosth...
})
.live()事件委托
.live() 方法能對(duì)一個(gè)還沒有添加進(jìn)DOM的元素有效溃论,是由于使用了事件委托:
綁定在祖先元素上的事件處理函數(shù)可以對(duì)在后代上觸發(fā)的事件作出回應(yīng)。傳遞
給 .live() 的事件處理函數(shù)不會(huì)綁定在元素上痘昌,而是把他作為一個(gè)特殊的事件處
理函數(shù)钥勋,綁定在 DOM 樹的根節(jié)點(diǎn)上
比如:
$('.classname').live('click',function(){
  dosth...
})
加入執(zhí)行完以后,又有新的匹配.classname的元素添加進(jìn)dom中的話辆苔,對(duì)其也會(huì)動(dòng)態(tài)的綁定click事件
無論是bind和unbind還是delegate或者live算灸,現(xiàn)在一次性全部可以通過.on()的方
式去實(shí)現(xiàn),所以上述四個(gè)方法已經(jīng)很少使用
.off()是.on()的反向操作驻啤,用來移除通過on綁定的事件

通過.on()綁定事件代理的寫法是通過delegate變換而來

$('.classname').on('click','.childname',function(){//參數(shù)中多一個(gè)子元素就可以
  dosth...
})

題目5:jquery 如何展示/隱藏元素菲驴?

$('.classname').show(speed,callback)//展示選中的元素,speed可以控制元素從無到有的過度時(shí)間,callback是元素完全展示后的回調(diào)函數(shù)

$('.classname').hide(speed,callback)//隱藏選中的元素

題目6: jquery 動(dòng)畫如何使用骑冗?

語法:$(selector).animate({params},speed,callback);
jQuery動(dòng)畫

題目7:如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容赊瞬?如何設(shè)置和獲取元素內(nèi)部文本?

$('.classname').html()//不加參數(shù)即可獲取內(nèi)部html內(nèi)容
$('.classname').html('我是改變后的html內(nèi)容')//加參數(shù)即可設(shè)置內(nèi)部html內(nèi)容
$('.classname').text()//不加參數(shù)即可獲取內(nèi)部文本
$('.classname').text('我是改變后的文本內(nèi)容')//加參數(shù)即可設(shè)置內(nèi)部文本

題目8:如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容贼涩?如何設(shè)置和獲取元素屬性巧涧?

$(selectorOfFormData).val()//不加參數(shù)即可獲取用戶輸入或選擇的內(nèi)容
$(selectorOfFormData).val(modifiedVal)//加參數(shù)即可設(shè)置用戶輸入或選擇的內(nèi)容
$(selector).attr(attributeName)//傳入元素屬性名即可獲取元素的屬性值
$(selector).attr(attributeName,attributeVal)//傳入元素屬性名和要設(shè)置的屬性值
即可完成對(duì)元素的屬性設(shè)置

題目九

點(diǎn)我預(yù)覽

題目十

點(diǎn)我預(yù)覽

題目十一

點(diǎn)我預(yù)覽

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市遥倦,隨后出現(xiàn)的幾起案子谤绳,更是在濱河造成了極大的恐慌,老刑警劉巖袒哥,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缩筛,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡统诺,警方通過查閱死者的電腦和手機(jī)歪脏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來粮呢,“玉大人婿失,你說我怎么就攤上這事∽墓眩” “怎么了豪硅?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長挺物。 經(jīng)常有香客問我懒浮,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任砚著,我火速辦了婚禮次伶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘稽穆。我一直安慰自己冠王,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布舌镶。 她就那樣靜靜地躺著柱彻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪餐胀。 梳的紋絲不亂的頭發(fā)上哟楷,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音否灾,去河邊找鬼卖擅。 笑死,一個(gè)胖子當(dāng)著我的面吹牛坟冲,可吹牛的內(nèi)容都是我干的磨镶。 我是一名探鬼主播溃蔫,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼健提,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了伟叛?” 一聲冷哼從身側(cè)響起私痹,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎统刮,沒想到半個(gè)月后紊遵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡侥蒙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年暗膜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鞭衩。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡学搜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出论衍,到底是詐尸還是另有隱情瑞佩,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布坯台,位于F島的核電站炬丸,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蜒蕾。R本人自食惡果不足惜稠炬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一焕阿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧首启,春花似錦捣鲸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至疾嗅,卻和暖如春外厂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背代承。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來泰國打工汁蝶, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人论悴。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓掖棉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親膀估。 傳聞我的和親對(duì)象是個(gè)殘疾皇子幔亥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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

  • 初識(shí)jQuery[jQuery基本原理](# jquery基本原理)[jQuery和JavaScript的區(qū)別](...
    AdolphMaster閱讀 365評(píng)論 0 2
  • 1.JQuery能做什么? 選擇網(wǎng)頁元素改變結(jié)果集元素的操作工具方法事件操作特殊效果AJAX 2.JQuery對(duì)象...
    BAWScipes閱讀 277評(píng)論 0 0
  • 一察纯、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,390評(píng)論 0 44
  • 一、概念不清 如果我們不理解一個(gè)概念具则、定義即纲,我們就不可能抵達(dá)我們想去的地方。比如我們追求財(cái)富自由博肋,但在沒弄清楚“財(cái)...
    NJ_LIFE閱讀 510評(píng)論 0 4
  • 抬頭看天是一種方向低斋,低頭看路是一種清醒;抬頭做事是一種勇氣束昵,低頭做人是一種底氣拔稳;抬頭微笑是一種心態(tài),低頭看花是一種...
    潘業(yè)喜閱讀 1,034評(píng)論 0 0