書是公司買的，借過來看看，感謝公司，其實我電腦里有這本書的電子書，但是發現自己越來越不喜歡用電腦看書了，嚴重費眼睛。

嘿嘿，看來這是要逼著我買kindle呀。好了，現在有書，廢話不多說，從最基礎的開始。

堅持，可能記錄的比較亂，只為自己看，每個人的理解缺口不一樣哦。

---------------------------------------------------------------------------------------------------------------

1：在jQuery庫中，$就是jQuery的一個簡寫形式，比如：$("#foo")和jQuery("#foo")是等價的，$.jQuery和jQuery.ajax是等價的。

2：dom元素加載完畢執行的一段代碼：

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還是有區別的：

?	window.onload	$(document).ready()
執行時機	必須等待網頁中所有的內容（包括圖片）加載完畢后才能執行	網頁中所有的dom結構繪制完畢后就執行，可能dom元素關聯的東西并沒有加載完畢
編寫個數	不能同時編寫多個： window.οnlοad=function(){ alert("text1")}; window.οnlοad=function(){ alert("text2")}; 結果只會輸出text2	?可以同時編寫多個： $(document).ready(function(){?alert("text1") }); $(document).ready(function(){?alert("text2") }); ?兩次結果都要輸出
簡化寫法	?無	?可以簡寫成： $(function(){ ??? //.......代碼 });

3：jQuery代碼風格：

???? a：對于同一個對象不超過3個操作的，可以直接寫成一行

???? b：對于同一個對象的較多操作的，建議每行寫一個操作

???? c：對于多個對象的少量操作，可以每個對象寫一行，如果涉及子元素，可以考慮適當的縮進。

???? d：為代碼添加注釋

4：jQuery對象就是通過jquery包裝dom對象后產生的對象，jquery對象是jQuery獨有的，如果一個對象是jquery對象，那么就可以使用jquery里的方法。

?????在jquery對象中無法使用dom對象的任何方法。

5：jQuery和dom對象的相互轉換

???? var? $a = jquery對象;

???? var?? a? =? dom對象；

???? jquery轉成dom：var $a =$("#id");//jquery對象

???????????????????????????????? var b=$a[0];//dom對象

??? dom轉成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>

上面代碼的執行結果是：two

原因：字符串one對話框不能被彈出的原因是js的onload事件一次只能保存對一個函數的引用，它會中用后面的函數覆蓋前面的函數

7：函數中常用的 return false；組織鏈接跳轉。

?

轉載于:https://www.cnblogs.com/m-xy/archive/2013/02/28/2937109.html

總結

以上是生活随笔為你收集整理的《锋利的jQuery》学习---基础篇01（持续更新）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。