jquery DOM&事件

本教程版權(quán)歸小圓和饑人谷所有,轉(zhuǎn)載須說明來源

問答

1. 說說庫(kù)和框架的區(qū)別惭墓?

庫(kù)可以理解為若干功能的集合坛梁,要什么可以直接取腊凶;
框架更強(qiáng)調(diào)整體提供給使用者一種解決方案划咐,而非簡(jiǎn)單的工具集的概念,框架可以提供相應(yīng)的庫(kù)或者基于庫(kù)來實(shí)現(xiàn)钧萍,但庫(kù)一般不會(huì)具備框架的規(guī)范性褐缠。

2. jquery 能做什么?

  • 方便快捷獲取DOM元素
  • 動(dòng)態(tài)修改頁(yè)面樣式
  • 動(dòng)態(tài)改變DOM內(nèi)容
  • 響應(yīng)用戶的交互操作
  • 為頁(yè)面添加動(dòng)態(tài)效果
  • 統(tǒng)一Ajax操作
  • 簡(jiǎn)化常見的JavaScript任務(wù)

3. jquery 對(duì)象和 DOM 原生對(duì)象有什么區(qū)別风瘦?如何轉(zhuǎn)化队魏?

區(qū)別:JQuery對(duì)象就是通過jQuery包裝DOM原生對(duì)象后產(chǎn)生的對(duì)象。JQuery對(duì)象是jQuery獨(dú)有的万搔,其可以使用jQuery里的方法胡桨,但是不能使用DOM的方法。

轉(zhuǎn)化:
DOM原生對(duì)象一般可以通過 $() 轉(zhuǎn)換成jquery對(duì)象:

$(document.getElementById("msg"));

由于jquery對(duì)象本身是一個(gè)集合瞬雹。所以如果jquery對(duì)象要轉(zhuǎn)換為dom對(duì)象則必須取出其中的某一項(xiàng)昧谊,一般可通過索引 [] 取出:

$("#msg")[0],
$("div").eq(1)[0]酗捌,
$("div").get()[1]呢诬,
$("td")[5]

4. jquery中如何綁定事件?bind意敛、unbinddelegate膛虫、live草姻、onoff都有什么作用稍刀?推薦使用哪種撩独?使用on綁定事件使用事件代理的寫法?

bind() 向匹配元素附加一個(gè)或更多事件處理器

$('a').bind('click', function() { 
    alert('綁定事件');
});

unbind() 從匹配元素移除一個(gè)被添加的事件處理器

$('a').unbind('click',function(){
    alert('移除事件');
});

delegate() 向匹配元素的當(dāng)前或未來的子元素附加一個(gè)或多個(gè)事件處理器

$('container').delegate('a','click',function(){
    alert('子元素綁定事件');
});

live():任何時(shí)候只要有事件冒泡到document節(jié)點(diǎn)上账月,它就查看該事件是否是一個(gè)click事件综膀,以及該事件的目標(biāo)元素與’a’這一CSS選擇器是否匹配锄码,如果都是的話洞拨,則執(zhí)行函數(shù)

$('a').live('click', function() { 
    alert('查詢冒泡事件');
});

on() live方法被廢棄,on事件綁定把上面三種方法統(tǒng)一了,用起來更方便

// Bind
$( "#members li a" ).on( "click", function( e ) {} ); 
$( "#members li a" ).bind( "click", function( e ) {} ); 

// Delegate
$( "#members" ).on( "click", "li a", function( e ) {} ); //注意子元素參數(shù)位置
$( "#members" ).delegate( "li a", "click", function( e ) {} );

5. jquery 如何展示/隱藏元素舰攒?

//隱藏元素
$(selector).hide(speed,callback);
//展示元素
$(selector).show(speed,callback);

可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度抓歼,可以取以下值:"slow"讥此、"fast" 或毫秒拢锹。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。

6. jquery 動(dòng)畫如何使用萄喳?

jQuery animate() 方法用于創(chuàng)建自定義動(dòng)畫卒稳。

$(selector).animate({params},speed,callback);

必需的 params 參數(shù)定義形成動(dòng)畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時(shí)長(zhǎng)他巨。它可以取以下值:"slow"充坑、"fast" 或毫秒。
可選的 callback 參數(shù)是動(dòng)畫完成后所執(zhí)行的函數(shù)名稱染突。

7. 如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容捻爷?如何設(shè)置和獲取元素內(nèi)部文本?

html() 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)
text() 設(shè)置或返回所選元素的文本內(nèi)容

8. 如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容觉痛?如何設(shè)置和獲取元素屬性役衡?

val() 設(shè)置或返回表單字段的值
attr() 設(shè)置或返回元素的屬性

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市薪棒,隨后出現(xiàn)的幾起案子手蝎,更是在濱河造成了極大的恐慌,老刑警劉巖俐芯,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件棵介,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡吧史,警方通過查閱死者的電腦和手機(jī)邮辽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贸营,“玉大人吨述,你說我怎么就攤上這事〕” “怎么了揣云?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)冰啃。 經(jīng)常有香客問我邓夕,道長(zhǎng),這世上最難降的妖魔是什么阎毅? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任焚刚,我火速辦了婚禮,結(jié)果婚禮上扇调,老公的妹妹穿的比我還像新娘矿咕。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布痴腌。 她就那樣靜靜地躺著雌团,像睡著了一般。 火紅的嫁衣襯著肌膚如雪士聪。 梳的紋絲不亂的頭發(fā)上锦援,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音剥悟,去河邊找鬼灵寺。 笑死,一個(gè)胖子當(dāng)著我的面吹牛区岗,可吹牛的內(nèi)容都是我干的略板。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼慈缔,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼叮称!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起藐鹤,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤瓤檐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后娱节,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體挠蛉,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年肄满,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了谴古。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡稠歉,死狀恐怖掰担,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情怒炸,我是刑警寧澤带饱,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站横媚,受9級(jí)特大地震影響纠炮,放射性物質(zhì)發(fā)生泄漏月趟。R本人自食惡果不足惜灯蝴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望孝宗。 院中可真熱鬧穷躁,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至狡忙,卻和暖如春梳虽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背灾茁。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工窜觉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人北专。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓禀挫,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親拓颓。 傳聞我的和親對(duì)象是個(gè)殘疾皇子语婴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

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

  • 問答 說說庫(kù)和框架的區(qū)別? 庫(kù)為 Library ( 簡(jiǎn)寫 Lib )驶睦,框架為 Framework砰左。 庫(kù)是將代碼集...
    coolheadedY閱讀 221評(píng)論 0 1
  • 1.說說庫(kù)和框架的區(qū)別? 庫(kù)主要是封裝了某些函數(shù)的集合啥繁〔酥埃框架也是。使用庫(kù)是指旗闽,你的代碼決定什么時(shí)候從庫(kù)中調(diào)用一個(gè)特...
    墨月千樓閱讀 417評(píng)論 0 2
  • 問答 1.說說庫(kù)和框架的區(qū)別酬核? 類庫(kù)(Class Library):類庫(kù)就是一些類的集合,只要我們將一些可以復(fù)用的...
    鴻鵠飛天閱讀 268評(píng)論 0 1
  • 問答: 1.說說庫(kù)和框架的區(qū)別适室? 庫(kù)就是一些已經(jīng)封裝好了的函數(shù)嫡意,這些函數(shù)可以實(shí)現(xiàn)特定的效果,只需要在使用的時(shí)候用少...
    饑人谷_任磊閱讀 254評(píng)論 0 1
  • 問答部分 一捣辆、說說庫(kù)和框架的區(qū)別蔬螟? 庫(kù)~是一個(gè)提供了封裝好很多方法的工具,在這個(gè)工具里面汽畴,用與不用都是由你決定旧巾,控...
    dengpan閱讀 347評(píng)論 1 2