ps:LZ覺得這個標題有點大了,超出了能力範圍,不喜勿碰。目前只記錄LZ能力範圍內的,日後持續補充。
一、JQuery物件與DOM物件的相互轉換(《尖銳的JQuery》)
JQuery轉換為DOM:
1、var jq = $(‘#selector'); var dom = jq[index];
2、var jq1 = $(‘#selector1'); var dom1 = jq1.get(index) 或 var dom1 = jq1.get()[index];
DOM轉換為JQuery:
假設cr是一個DOM對象,轉為JQuery,jqcr = $(‘cr');
二、JQuery的$(document).ready()和JavaScript的window.onload()的區別(《鋒利的JQuery》)
1、執行時機
window.onload必須等待網頁中所有資源(包括圖片)載入完成後才能執行,而$(document).ready()在所有DOM結構繪製完畢後就執行,但是可能與DOM相關聯的資源還沒有加載完畢。
2、寫出數量
一個文件中,而window.onload只有是一個,而$(document).ready()可以有多個
3、化簡方法
window.onload沒有簡稱形式,$(document).ready()可簡寫為$(function(){}).
三、JQuery和JavaScript中存取屬性名稱的區別(《JQuery實戰》)
JQuery規格名稱
cellspacing
class
colspan
cssFloat
float Float
for
frameborder 地
maxLength
readonly
rowspan
stylefloat
tabindex
usemap
四、衝突
DOM理論上不會有衝突產生,JQuery防止衝突產生的兩種解決方法:(《尖銳的JQuery》)
1、JQuery庫在其他庫之後導入
以JQuery。 noConflict()方法將$控制權給其他函式庫使用,或自訂捷徑,$j = JQuery.noConflict();
2、JQuery函式庫在其他資料庫之前匯入
直接以JQuery取代$來運作,同時$可作為其他函式庫的捷徑。