《锋利的jQuery》学习---基础篇01(持续更新)
書是公司買的,借過來看看,感謝公司,其實(shí)我電腦里有這本書的電子書,但是發(fā)現(xiàn)自己越來越不喜歡用電腦看書了,嚴(yán)重費(fèi)眼睛。
嘿嘿,看來這是要逼著我買kindle呀。好了,現(xiàn)在有書,廢話不多說,從最基礎(chǔ)的開始。
堅(jiān)持,可能記錄的比較亂,只為自己看,每個(gè)人的理解缺口不一樣哦。
---------------------------------------------------------------------------------------------------------------
1:在jQuery庫中,$就是jQuery的一個(gè)簡(jiǎn)寫形式,比如:$("#foo")和jQuery("#foo")是等價(jià)的,$.jQuery和jQuery.ajax是等價(jià)的。
2:dom元素加載完畢執(zhí)行的一段代碼:
1 <script src="../scripts.jQuery.js" type="text/javascript"> 2 <script type="text/javascript"> 3 $(document).ready(function{ 4 alert("hello world"); 5 }); 6 </script>這段代碼的作用類似于js中的window.onload方法,不過與window.onload還是有區(qū)別的:
| ? | window.onload | $(document).ready() |
| 執(zhí)行時(shí)機(jī) | 必須等待網(wǎng)頁中所有的內(nèi)容(包括圖片)加載完畢后才能執(zhí)行 | 網(wǎng)頁中所有的dom結(jié)構(gòu)繪制完畢后就執(zhí)行,可能dom元素關(guān)聯(lián)的東西并沒有加載完畢 |
| 編寫個(gè)數(shù) | 不能同時(shí)編寫多個(gè): window.οnlοad=function(){ alert("text1")}; window.οnlοad=function(){ alert("text2")}; 結(jié)果只會(huì)輸出text2 | ?可以同時(shí)編寫多個(gè): $(document).ready(function(){?alert("text1") }); $(document).ready(function(){?alert("text2") }); ?兩次結(jié)果都要輸出 |
| 簡(jiǎn)化寫法 | ?無 | ?可以簡(jiǎn)寫成: $(function(){ ??? //.......代碼 }); |
3:jQuery代碼風(fēng)格:
???? a:對(duì)于同一個(gè)對(duì)象不超過3個(gè)操作的,可以直接寫成一行
???? b:對(duì)于同一個(gè)對(duì)象的較多操作的,建議每行寫一個(gè)操作
???? c:對(duì)于多個(gè)對(duì)象的少量操作,可以每個(gè)對(duì)象寫一行,如果涉及子元素,可以考慮適當(dāng)?shù)目s進(jìn)。
???? d:為代碼添加注釋
4:jQuery對(duì)象就是通過jquery包裝dom對(duì)象后產(chǎn)生的對(duì)象,jquery對(duì)象是jQuery獨(dú)有的,如果一個(gè)對(duì)象是jquery對(duì)象,那么就可以使用jquery里的方法。
?????在jquery對(duì)象中無法使用dom對(duì)象的任何方法。
5:jQuery和dom對(duì)象的相互轉(zhuǎn)換
???? var? $a = jquery對(duì)象;
???? var?? a? =? dom對(duì)象;
???? jquery轉(zhuǎn)成dom:var $a =$("#id");//jquery對(duì)象
???????????????????????????????? var b=$a[0];//dom對(duì)象
??? dom轉(zhuǎn)成jquery:var a=document.getElementById("id");
??????????????????????????????? var $b=$(a);
--------------------------------------------------------------------------------------
?6:
<script>window.οnlοad=function one{ alert("one") ;}window.οnlοad=function one{ alert("two") ;} </script>上面代碼的執(zhí)行結(jié)果是:two
原因:字符串one對(duì)話框不能被彈出的原因是js的onload事件一次只能保存對(duì)一個(gè)函數(shù)的引用,它會(huì)中用后面的函數(shù)覆蓋前面的函數(shù)
7:函數(shù)中常用的 return false;組織鏈接跳轉(zhuǎn)。
?
轉(zhuǎn)載于:https://www.cnblogs.com/m-xy/archive/2013/02/28/2937109.html
總結(jié)
以上是生活随笔為你收集整理的《锋利的jQuery》学习---基础篇01(持续更新)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 保险理财,省心省力
- 下一篇: GetCurrentDirectory和