任務25-JQuery DOM&事件

問答

1、說說庫和框架的區(qū)別陷遮?

庫Library ( 簡寫 Lib ),庫是將代碼集合成的一個產(chǎn)品忙上,供程序員調(diào)用拷呆。
框架( Framework),是為解決一個(一類)問題而開發(fā)的產(chǎn)品疫粥,框架用戶一般只需要使用框架提供的類或函數(shù)茬斧,即可實現(xiàn)全部功能」4可以說项秉,框架是庫的升級版。開發(fā)者在使用框架的時候慷彤,必須使用這個框架的全部代碼娄蔼。
使用庫是指怖喻,你的代碼決定什么時候從庫中調(diào)用一個特定的方法;使用框架則是岁诉,你實現(xiàn)了一些回調(diào)方法锚沸,到了特定的時候框架會去調(diào)用這些方法。

2涕癣、JQuery能做什么哗蜈?

1.提供了強大的功能函數(shù)
2.解決瀏覽器兼容性問題
3.實現(xiàn)豐富的UI
4.糾正錯誤的腳本知識

3、JQuery對象和 DOM 原生對象有什么區(qū)別坠韩?如何轉(zhuǎn)化距潘?

區(qū)別:  
1.jquery選擇器得到的jquery對象和標準的 javascript中的document.getElementById()取得的dom對象是兩種不同的對象類型,兩者不等價只搁;  
2.jQuery無法使用DOM對象的任何方法音比,同理DOM對象也不能使用jQuery里的方法. 亂使用會報錯。
轉(zhuǎn)化:
1.將jQuery轉(zhuǎn)換為dom對象的方法 [index] 或者.get(index):
a氢惋、$(“#form”)[index] ,該方法獲取form元素的dom對象
b洞翩、$(“#form”).get(index)
2.將js的dom對象轉(zhuǎn)換為jQuery對象,對于已經(jīng)是一個DOM對象焰望,只需要用$()把DOM對象包裝起來菱农,就可以獲得一個jQuery對象了。$(DOM對象) :
Var a=document.getElementById(“form”);
$a=$(a);

4柿估、jquery中如何綁定事件?bind陷猫、unbind秫舌、delegate、live绣檬、on足陨、off都有什么作用?推薦使用哪種娇未?使用on綁定事件使用事件代理的寫法墨缘?

bind:方法為被選元素添加一個或多個事件處理程序,并規(guī)定事件發(fā)生時運行的函數(shù)零抬。
bind將會給所有匹配的元素都綁定一次事件镊讼,當元素很多時性能會變差。而且后來動態(tài)新增的元素不會被綁定平夜。

.bind( eventType [, eventData ], handler )

unbind:該方法能夠移除所有的或被選的事件處理程序蝶棋,或者當事件發(fā)生時終止指定函數(shù)的運行。unbind() 適用于任何通過 jQuery 附加的事件處理程序忽妒。
如果沒有規(guī)定參數(shù)玩裙,unbind() 方法會刪除指定元素的所有事件處理程序兼贸。

.unbind( eventType [, handler ] )

delegate:
它將事件處理函數(shù)綁定在指定的根元素上,由于事件會冒泡吃溅,它用來處理指定的子元素上的事件溶诞。

.delegate( selector, eventType[, eventData], handler )

live:方法為被選元素附加一個或多個事件處理程序,并規(guī)定當這些事件發(fā)生時運行的函數(shù)决侈。通過 live() 方法附加的事件處理程序適用于匹配選擇器的當前及未來的元素(比如由腳本創(chuàng)建的新元素)螺垢。

.live( events [, data ], handler 

以上三種事件綁定方法在jQuery1.8之后都不推薦使用,官方在1.9時已經(jīng)取消使用live()方法了颜及,所以建議都使用on()方法甩苛。

//如果你需要移除on()所綁定的方法,可以使用off()方法處理俏站。
$(document).ready(function(){
  $("p").on("click",function(){
    $(this).css("background-color","pink");  
});  
      $("button").click(function(){
    $("p").off("click");
  });});
//如果你的事件只需要一次的操作讯蒲,可以使用one()這個方法
$(document).ready(function(){
  $("p").one("click",function(){
    $(this).animate({fontSize:"+=6px"});
  });});

5、jquery 如何展示/隱藏元素肄扎?

展示/隱藏元素 主要是 show()和hide()方法墨林。

show()使指定的隱藏元素可見。
.show(speed,callback),speed 以毫秒為單位犯祠,也可以使用指定的字符串** 'slow'=600ms , 'normal' =400ms ,'fast' =200ms,如果省略旭等,默認的就是normal**
callback 回調(diào),當動畫完成時調(diào)用的函數(shù)
.hide(speed,callback)作用功能和show()相反衡载。

.toggle(speed,callback) 在元素的展示/隱藏之間進行切換搔耕。
還有兩個漸顯,漸隱的方法是 fadeIn(speed,callback) 和fadeOut(speed,callback),它們是改變字體透明度而實現(xiàn)的痰娱。

6弃榨、jquery 動畫如何使用?

animate() 根據(jù)指定的css屬性和使用緩和參數(shù)來控制自定義動畫
animate(properties[,speed][,easing][,callback])
properties css 屬性 eg. {left:300}
speed 動畫持續(xù)時間 slow梨睁、normal鲸睛、fast 、xxms
easing (緩和)是一個函數(shù)(可選)坡贺,控制動畫隨著時間如何進行官辈。它需要一個插件。有兩個緩和函數(shù):linear(線性)遍坟,swing(擺動)拳亿。默認swing。
callback 回調(diào)政鼠。

7风瘦、如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容?如何設(shè)置和獲取元素內(nèi)部文本公般?

獲取HTML:$(selector).html(); 類似于JavaScript中的innerHTML屬性
設(shè)置HTML:$(selector).html("content");
獲取內(nèi)部文本:$(selector).text(); 類似于JavaScript中的innerText屬性
設(shè)置內(nèi)部文本:$(selector).text("content");

8万搔、如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容胡桨?如何設(shè)置和獲取元素屬性?

獲取匹配元素的當前(輸入/選擇)值瞬雹,如果多選昧谊,將返回一個數(shù)組,其包含所選的值酗捌。

$(selector).val()

設(shè)置和獲取元素屬性

$(selector).attr(attribute[,value])

value參數(shù)選填呢诬,未填為查找,填寫后將屬性值改為value胖缤。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末尚镰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子哪廓,更是在濱河造成了極大的恐慌狗唉,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涡真,死亡現(xiàn)場離奇詭異分俯,居然都是意外死亡,警方通過查閱死者的電腦和手機哆料,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門缸剪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人东亦,你說我怎么就攤上這事杏节。” “怎么了典阵?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵拢锹,是天一觀的道長。 經(jīng)常有香客問我萄喳,道長,這世上最難降的妖魔是什么蹋半? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任他巨,我火速辦了婚禮,結(jié)果婚禮上减江,老公的妹妹穿的比我還像新娘染突。我一直安慰自己,他們只是感情好辈灼,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布份企。 她就那樣靜靜地躺著,像睡著了一般巡莹。 火紅的嫁衣襯著肌膚如雪司志。 梳的紋絲不亂的頭發(fā)上甜紫,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音骂远,去河邊找鬼囚霸。 笑死,一個胖子當著我的面吹牛激才,可吹牛的內(nèi)容都是我干的拓型。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼瘸恼,長吁一口氣:“原來是場噩夢啊……” “哼劣挫!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起东帅,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤压固,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后冰啃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體邓夕,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年阎毅,在試婚紗的時候發(fā)現(xiàn)自己被綠了焚刚。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡扇调,死狀恐怖矿咕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情狼钮,我是刑警寧澤碳柱,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站熬芜,受9級特大地震影響莲镣,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涎拉,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一瑞侮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鼓拧,春花似錦半火、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至酌住,卻和暖如春店归,著一層夾襖步出監(jiān)牢的瞬間阎抒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工娱节, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挠蛉,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓肄满,卻偏偏與公主長得像谴古,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子稠歉,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

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

  • 問答 1.說說庫和框架的區(qū)別掰担? 類庫(Class Library):類庫就是一些類的集合,只要我們將一些可以復用的...
    鴻鵠飛天閱讀 261評論 0 1
  • 1. 說說庫和框架的區(qū)別怒炸? 庫(library):我們可以簡單的認為它就是一個工具箱带饱,里面有可以直接拿來使用的方法...
    小木子2016閱讀 203評論 0 1
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,635評論 18 503
  • 通過jQuery,您可以選仍母(查詢勺疼,query)HTML元素,并對它們執(zhí)行“操作”(actions)捏鱼。 jQuer...
    枇杷樹8824閱讀 651評論 0 3
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式执庐。設(shè)計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,325評論 0 2