最近摸索著學習JavaScript，從W3School上學習了原生的JS，後來又開始學習JQuery，覺得先入為主的思想在我身上體現的太強烈了，總是在用JQuery的時候敲成原生的寫法，可能還是對JQuery不熟悉吧，為了改正，把自己容易記混的程式碼記錄下來，警示自己。

一、剛入手時最覺得JQuery方便的地方

JS：返回元素

<span style="font-size:14px;">document.getElementById("id");//通過id
document.getElementsByTagName("a");//通過標籤的名稱
document.getElementsByName("name");//通過名字
document.getElementsByClassName("cName");//通過類名</span></span>
 

JQuery：返回JS物件

<span style="font-size:14px;">$("#id")//通過id
$(".cName") 通過class
$("div") 通過標籤</span></span>

二、我最初最容易敲錯，順手就把原生的敲到jQ裡了，然後出問題了才恍然發現，自己就是欠抽

JS：不寫 ="這是內容" 是返回text的內容，寫了是賦值

<span style="font-size:14px;">document.getElementById("id").innerHTML="這是內容";</span>

JQuery：用法同上

<span style="font-size:14px;">$(#id).html("這是內容");
</span>

三、學習了幾天後終於不再糾結語法問題了，來到了事件

JS：

window.onload=function(){
	//編寫程式碼
}

這個方法是在網頁中所有的元素(包括元素的所有關聯檔案)完全載入到瀏覽器後才執行，即javaScript此時才可以訪問網頁中的任何元素。如果網頁圖片比較多的話，又要對圖片進行操作，使用者必須等到每一幅圖片都載入完畢後才可以操作。還有重要的一點onload事件一次只能儲存對一個函式的引用，如果把上面的程式碼編寫兩邊，後面的函式會覆蓋前面的函式

JQuery：

$(document).ready()

這個方法在DOM完全就緒時就可以被呼叫，可以訪問網頁的所有元素，但是並不意味著與元素關聯的檔案都已經下載完畢。如果網頁圖片比較多的話，只要DOM載入完就可以操作，不必等圖片下載完畢。而且可以儲存多個函式的引用，然後根據函式順序執行。但是如果在這個方法中獲取圖片的寬高有可能不準確，那就用到了另一個方法

$(window).load(function(){
	//編寫程式碼
});<pre name="code" class="javascript">簡寫方式
$(function(){
	//編寫程式碼
});

load()方法會在元素的onload事件中繫結一個處理函式，如果處理函式繫結給window物件，則會在所有內容(包括視窗、框架、物件和影象等)載入完畢後觸發，如果繫結在元素上，則會在元素的內容載入完畢後觸發。