jquery

document.ready和onload的差別：

 $(document).ready()和window.onload在表面上看都是頁面加載時我們就去執行一個函數或動作，但是在具體的細節上$(document) ready()和window onload還是有差別的。

最基本的差別

1.執行時間

　　window.onload必須等到頁面内包括圖檔的所有元素加載完畢後才能執行。 

　　$(document).ready()是DOM結構繪制完畢後就執行，不必等到加載完畢。

2.編寫個數不同

　　window.onload不能同時編寫多個，如果有多個window.onload方法，隻會執行一個 

　　$(document).ready()可以同時編寫多個，并且都可以得到執行

3.簡化寫法

　　window.onload沒有簡化寫法 

　　$(document).ready(function(){})可以簡寫成$(function(){});

該方法<code>querySelector()</code> 傳回element文檔中與指定選擇器或選擇器組比對的第一個。如果未找到比對項，<code>null</code>則傳回。

<code>文法：element = document.querySelector(selectors);</code>

getElementById() 方法可傳回對擁有指定 ID 的第一個對象的引用。