jQuery

jQuery的常規(guī)使用:
1梯啤、提供強(qiáng)大的選擇器
2、提供大量好用的方法存哲,方便于我們進(jìn)行DOM操作
3因宇、對于處理的處理
4、提供豐富的動畫效果
5祟偷、對應(yīng)ajax進(jìn)行封裝

1察滑、封裝重復(fù)調(diào)用代碼
2、解決一些IE 瀏覽器的兼容性

jQuery JavaScript的庫(函數(shù)庫)封裝代碼
框架一般是擴(kuò)展代碼 (angularJS reactJS vueJS)
jQuery的官方:http://jquery.com/
目前jQuery的版本主要分為三個分支:
1.x:
2.x:
3.x:

jQuery選擇器:
1修肠、基本選擇器:
id選擇器 #
class類選擇器 .
element
逗號選擇器
通配符 *
tag 標(biāo)簽選擇器
+下一個選擇器
2贺辰、包含選擇器:
子代選擇器 >
后代選擇器 空格
3、屬性選擇器:
[title]
[title='xxxxxxxxxx']
[title*='xxxx']
[title^='xxxxxx'
[title$='xxxxx']
4氛赐、表單選擇器:
:input
:text
:radio
:enabled
:disabled
:checked
:selected
5魂爪、過濾選擇器:
eq() eq()
gt()
lt()
last() last()
first() first()
even()
odd()
parent
parents
next
nextaAll
siblings
chaindren
find
filter

動畫方法是可以傳遞參數(shù)的,當(dāng)參數(shù)是字符串時(slow normal fast)艰管。
但參數(shù)是數(shù)字的時候滓侍,此時,該參數(shù)就是動畫需要執(zhí)行的毫秒數(shù)牲芋。

jQuery代碼一般要求出現(xiàn)在ready函數(shù)中
在DOM加載完成后撩笆,會自動觸發(fā)

面試題:jQuery ready和js 的window onload事件的區(qū)別捺球。【
1.執(zhí)行時間
window.onload必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行夕冲。
(document).ready()是DOM結(jié)構(gòu)繪制完畢后就執(zhí)行氮兵,不必等到加載完畢。 2.編寫個數(shù)不同 window.onload不能同時編寫多個歹鱼,如果有多個window.onload方法泣栈,只會執(zhí)行一個(document).ready()可以同時編寫多個,并且都可以得到執(zhí)行
3.簡化寫法
window.onload沒有簡化寫法
(document).ready(function(){})可以簡寫成(function(){});
(document).ready(function(){ // 執(zhí)行代碼 }); 或者(function(){
// 執(zhí)行代碼
});
在我以前的開發(fā)中弥姻,一般用到j(luò)avascript南片,我都是采用jquery的模式,也就是大多數(shù)時候庭敦,第一行寫的是:
(document).ready(function(){ ... }); 這個時候疼进,不一定要等所有的js和圖片加載完畢,就可以執(zhí)行一些方法秧廉,不過有些時候伞广,必須要等所有的 元素都加載完畢,才可以執(zhí)行一些方法的時候疼电,比如說嚼锄,部分圖片或者什么其他方面還沒有加載好,這個時候澜沟,點擊某些按鈕灾票,會導(dǎo)致出現(xiàn)意外的情況,這個時候茫虽,就 需要用到:(window).load(function ()
{
$("#btn-upload").click(function ()
{
//比如說:
uploadPhotos();
});
});

面試題:find函數(shù)和filter函數(shù)的區(qū)別刊苍?
find向內(nèi)部查找
filter只會過濾

動畫
三類九種動畫
show
hide
toggle
fadeIn
fadeOut
fadeToggle
slideDown
slideUp
slideToggle
animate
stop

jQuery事件

1、DOM
寫在標(biāo)簽內(nèi)的
如:<button onclick='test()'>點擊</button>
首先獲取DOM對象濒析,之后調(diào)用DOM對象.事件屬性
document.getElementById('show').onclick=fn(e)
2正什、DOM2
事件監(jiān)聽
document.getElementById('show').addEventListener('click',fn(e),ture);
jQuery上實現(xiàn)兩種:
偽代碼
('#show').click(fn(e))('#show').on('click',function(e){

     })

jQuery方法:
each(funcyion(index,item){})
length
attr() / prop() / removeAttr() / removeProp()

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市号杏,隨后出現(xiàn)的幾起案子婴氮,更是在濱河造成了極大的恐慌,老刑警劉巖盾致,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件主经,死亡現(xiàn)場離奇詭異,居然都是意外死亡庭惜,警方通過查閱死者的電腦和手機(jī)罩驻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來护赊,“玉大人惠遏,你說我怎么就攤上這事砾跃。” “怎么了节吮?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵抽高,是天一觀的道長。 經(jīng)常有香客問我透绩,道長翘骂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任渺贤,我火速辦了婚禮雏胃,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘志鞍。我一直安慰自己,他們只是感情好方仿,可當(dāng)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布固棚。 她就那樣靜靜地躺著,像睡著了一般仙蚜。 火紅的嫁衣襯著肌膚如雪此洲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天委粉,我揣著相機(jī)與錄音呜师,去河邊找鬼。 笑死贾节,一個胖子當(dāng)著我的面吹牛汁汗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播栗涂,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼知牌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了斤程?” 一聲冷哼從身側(cè)響起角寸,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎忿墅,沒想到半個月后扁藕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡疚脐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年亿柑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片亮曹。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡橄杨,死狀恐怖秘症,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情式矫,我是刑警寧澤乡摹,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站采转,受9級特大地震影響聪廉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜故慈,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一板熊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧察绷,春花似錦干签、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至闸度,卻和暖如春竭贩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背莺禁。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工留量, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人哟冬。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓楼熄,卻偏偏與公主長得像,于是被迫代替她去往敵國和親柒傻。 傳聞我的和親對象是個殘疾皇子孝赫,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

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

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性红符。 1....
    LaBaby_閱讀 1,174評論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式青柄。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,335評論 0 2
  • jQuery筆記總結(jié)篇 poetries 已關(guān)注 2016.10.20 10:52* 字?jǐn)?shù) 9137 閱讀 660...
    小杰的簡書閱讀 1,797評論 2 32
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    程序員poetry閱讀 16,643評論 18 503
  • 題目1: jQuery 中预侯, $(document).ready()是什么意思致开? 定義和用法: 當(dāng) DOM(文檔對...
    FLYSASA閱讀 460評論 0 2