1.說說庫和框架的區(qū)別?
庫:類似于工具集所宰,把特定的函數(shù)都封裝好 我們只需要在特定的地方調(diào)用即可绒尊。
框架:類似房子的框架結(jié)構(gòu),已經(jīng)實現(xiàn)了基本的功能仔粥,我們只需要往里面填充自己的業(yè)務(wù)邏輯即可婴谱。
2.jquery 能做什么?
用更少的代碼做更多的事:1.解決不同瀏覽器的兼容性問題 2.內(nèi)置了一些遍歷方法3.內(nèi)置了一些jq動畫等等
3.jquery 對象和 DOM 原生對象有什么區(qū)別躯泰?如何轉(zhuǎn)化谭羔?
它們有各自的方法和屬性
原生轉(zhuǎn)JQ:用$包裹原生JS對象
$(btn)
JQ轉(zhuǎn)原生:JQ對象的第一個
$("button")[0]
4.jquery中如何綁定事件?bind麦向、unbind瘟裸、delegate、live诵竭、on话告、off都有什么作用?推薦使用哪種卵慰?使用on綁定事件使用事件代理的寫法超棺?
$("button").click(function(){})
$("button").on("click",function(){})
bind:是直接綁定在元素上,如果有元素是后面添加進來的不會綁定
bind(type,[data],fn)
unbind:是 bind對應(yīng)的取消綁定
live:是通過冒泡方式給選中的元素綁定一個事件處理函數(shù)呵燕,支持動態(tài)數(shù)據(jù) 后面添加進來的元素也可以綁定到
live(type,[data],fn)
delegate:給指定的元素添加一個或多個事件處理函數(shù)棠绘,多用于事件代理,性能優(yōu)于.live()
delegate(selector,[type],[data],fn)
on:是jq1.7之后 整合了上面三種方式的方法
on(events,[selector],[data],fn)
off:是on對應(yīng)的取消綁定事件
推薦使用on
給ul綁定click事件 當(dāng)觸發(fā)的元素為li時觸發(fā)
$("ul").on("click","li",function(even){
alert(1)
})
5.jquery 如何展示/隱藏元素再扭?
展示:
$(selector).show()
隱藏:
$(selector).hide()
6.jquery 動畫如何使用氧苍?
$(selector).animate({params},speed,callback)
第一個參數(shù):必需的 params 參數(shù)定義形成動畫的 CSS 屬性。
第二個參數(shù):可選 參數(shù)規(guī)定效果的時長泛范。它可以取以下值:"slow"让虐、"fast" 或毫秒。
第三個參數(shù):可選 回調(diào) 是動畫完成后所執(zhí)行的函數(shù)名稱罢荡。
7.如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容赡突?如何設(shè)置和獲取元素內(nèi)部文本?
獲取HTML 內(nèi)容
$(*selector*).html()
設(shè)置HTML 內(nèi)容
$(*selector*).html(content)
獲取文本內(nèi)容
$(*selector*).text()
設(shè)置文本內(nèi)容
$(*selector*).text(content)
8.如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容区赵?如何設(shè)置和獲取元素屬性惭缰?
獲取表單內(nèi)容
$(*selector*).val()
設(shè)置表單內(nèi)容
$(*selector*).val(content)
獲取元素屬性
$(*selector*).attr()
設(shè)置元素屬性
$(*selector*).attr(content)