庫和框架的區(qū)別?
庫是一個(gè)數(shù)據(jù)倉庫,里面放了各種可以利用的API,由于庫的內(nèi)部已經(jīng)做了各種底層的封裝和各種兼容實(shí)現(xiàn),因此可以調(diào)用提供的API接口來實(shí)現(xiàn)我們需要的功能,而不需要復(fù)雜的代碼和加工,因此使代碼得到優(yōu)化,效率提高
框架相當(dāng)于一個(gè)模板,用來搭建一個(gè)項(xiàng)目的最基層的部分,框架內(nèi)部可以根據(jù)不同項(xiàng)目的需要填入不同的內(nèi)容。
jquery 能做什么?
1.方便快捷獲取DOM元素
2.動(dòng)態(tài)修改頁面樣式
3.動(dòng)態(tài)改變DOM內(nèi)容
4.響應(yīng)用戶的交互操作
5.為頁面添加動(dòng)態(tài)效果
6.統(tǒng)一Ajax操作
7.簡化常見的JavaScript任務(wù)。
jquery 對(duì)象和 DOM 原生對(duì)象有什么區(qū)別?如何轉(zhuǎn)化?
- jquery 對(duì)象是類數(shù)組,DOM 原生對(duì)象就是普通的對(duì)象
2.jquery對(duì)象只能用jquery屬性和方法,DOM 原生對(duì)象只能用js屬性和方法
jquery→js:$("#btn")→$("#btn")[0]
js→jquery:btn→$('btn')
jquery中如何綁定事件?bind、unbind、delegate、live、on、off都有什么作用?推薦使用哪種?使用on綁定事件使用事件代理的寫法?
bind:JQuery掃描文檔找出所有的$(‘a(chǎn)’)元素,并把函數(shù)綁定到每個(gè)元素的click事件上。
$("a").bind('click',function (e){ console.log(e) })
unbind:接觸綁定的事件
$("a").unbind('click',function (e){ console.log(e) })
delegate:指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)。
$(selector).delegate(childSelector,event,data,function)
live:live() 方法為被選元素附加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
通過 live() 方法附加的事件處理程序適用于匹配選擇器的當(dāng)前及未來的元素(比如由腳本創(chuàng)建的新元素)。
$(selector).live(event,data,function)
on:為指定的元素添加一個(gè)或多個(gè)事件,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
$(selector).on(event,childSelector,data,function,map)
off:解除on綁定的事件,(可以通過命名空間來解除特定的事件例如“click.active”)
$(selector).off(event,selector,function(eventObj),map)
推薦使用on、off,功能最強(qiáng)大最方便。
on代理事件寫法:
$("#box").on("click","li",function(e){ console.log(e) })
jquery 如何展示/隱藏元素?
$(selector).hide(speed,callback)
$(selector).show(speed,callback)
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示完成后所執(zhí)行的函數(shù)名稱。
jquery 動(dòng)畫如何使用?
語法:
$(selector).animate({params},speed,callback);
必需的 params 參數(shù)定義形成動(dòng)畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時(shí)長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是動(dòng)畫完成后所執(zhí)行的函數(shù)名稱。
例:
$("button").click(function(){ $("div").animate({left:'250px'}); });
如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容?如何設(shè)置和獲取元素內(nèi)部文本?
$("#btn").html();
$("#btn").text();
如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容?如何設(shè)置和獲取元素屬性?
1.如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容?
$("input").val();
2.如何設(shè)置和獲取元素屬性?
如果傳入屬性名稱,則獲取元素該屬性的值;如果同傳入屬性名稱和新的屬性值,則可以將該屬性設(shè)置為指定值。例如:
$('#img').attr('src') //獲取id為img的元素的src屬性的值
$('#img').attr('src','www.baidu.com/img/bd_logo1.png')
題目9:
https://shaozhiyuan.github.io/blog/%E5%AF%BC%E8%88%AA%E6%A0%8F
題目10:
https://shaozhiyuan.github.io/blog/%E9%A2%98%E7%9B%AE10
題目11:
https://shaozhiyuan.github.io/blog/%E8%BF%9B%E9%98%B614%E9%A2%98%E7%9B%AE11