深入分析JQuery和JavaScript的異同,深入分析jquery
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正式名稱 DOM規範
cellspacing cellSpacing
class className
colspan colSpan
cssFloat IE中是styleFloat,其他瀏覽器是cssFloat
float IE中是styleFloat,其他瀏覽器是cssFloat
for htmlFor
frameborder frameBorder
maxLength maxLength
readonly readOnly
rowspan rowSpan
stylefloat IE中是styleFloat,其他瀏覽器是cssFloat
tabindex tabIndex
usemap useMap
四、衝突
DOM理論上不會有衝突產生,JQuery防止衝突產生的兩種解決方案:(《鋒利的JQuery》)
1、JQuery庫在其他庫之後匯入
調用JQuery。noConflict()方法將$控制權給其他庫使用,或者自訂捷徑,$j = JQuery.noConflict();
2、JQuery庫在其他庫之前置入
直接使用JQuery代替$工作,同時$可以作為其他庫的捷徑。
jquery與javascript的不同
jquery 就對javascript的一個擴充,封裝,就是讓javascript更好用,更簡單。人家怎麼說的來著,jquery就是要用更少的代碼,漂亮的完成更多的功能。
誰可以夠說一下jquery與javascript的不同?在實際開發應用中那個用的比較多?
Jquery是一個JavaScript的一個架構,說白了就是簡化了js的一些操作
如document.getElementByID("test")用jquery寫就是$("#test")
當然這隻是一個執行個體,實際上還有很多其他的函數以及其他的一些操作
而且jquery對各路瀏覽器都兼顧到了,無需調用者考慮相容性
至於你說的jquery和javascript誰用的廣泛一些這個問題怎麼跟你說呢?
因為jquery就是javascript,用了jquery就是用了javascript
但是用了javascript不一定用了jquery