本教程版權(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
意敛、unbind
、delegate
膛虫、live
草姻、on
、off
都有什么作用稍刀?推薦使用哪種撩独?使用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è)置或返回元素的屬性