深入分析JQuery和JavaScript的異同
ps:LZ覺得這個標題有點大了,超出了能力范圍,不喜勿碰。目前只記錄LZ能力范圍內(nèi)的,日后持續(xù)補充。
一、JQuery對象和DOM對象的相互轉(zhuǎn)化(《鋒利的JQuery》)
JQuery轉(zhuǎn)化為DOM:
1、var jq = $(‘#selector'); var dom = jq[index];
2、var jq1 = $(‘#selector1'); var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()[index];
DOM轉(zhuǎn)化為JQuery:
假設(shè)cr是一個DOM對象,轉(zhuǎn)為JQuery,jqcr = $(‘cr');
二、JQuery的$(document).ready()和JavaScript的window.onload()的區(qū)別(《鋒利的JQuery》)
1、執(zhí)行時機
window.onload必須等待網(wǎng)頁中所有資源(包括圖片)加載完成后才能執(zhí)行,而$(document).ready()在所有DOM結(jié)構(gòu)繪制完畢后就執(zhí)行,但是可能與DOM相關(guān)聯(lián)的資源還沒有加載完畢。
2、編寫個數(shù)
一個文檔中,window.onload只有是一個,而$(document).ready()可以有多個
3、簡化方法
window.onload沒有簡寫形式,$(document).ready()可以簡寫為$(function(){}).
三、JQuery和JavaScript中訪問屬性名稱的區(qū)別(《JQuery實戰(zhàn)》)
JQuery規(guī)范名稱 DOM規(guī)范
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理論上不會有沖突產(chǎn)生,JQuery防止沖突產(chǎn)生的兩種解決方法:(《鋒利的JQuery》)
1、JQuery庫在其他庫之后導(dǎo)入
調(diào)用JQuery。noConflict()方法將$控制權(quán)給其他庫使用,或者自定義快捷方式,$j = JQuery.noConflict();
2、JQuery庫在其他庫之前導(dǎo)入
直接使用JQuery代替$工作,同時$可以作為其他庫的快捷方式。
- Javascript jquery css 寫的簡單進度條控件
- javascript jQuery $.post $.ajax用法
- javascript的onchange事件與jQuery的change()方法比較
- 用javascript實現(xiàn)jquery的document.ready功能的實現(xiàn)代碼
- Javascript Jquery 遍歷Json的實現(xiàn)代碼
- JavaScript/jQuery 表單美化插件小結(jié)
- Javascript/Jquery——簡單定時器的多種實現(xiàn)方法
- jquery和javascript的區(qū)別(常用方法比較)
- javascript和jquery修改a標簽的href屬性
- javascript/jquery獲取地址欄url參數(shù)的方法
相關(guān)文章
jQuery Validate表單驗證插件 添加class屬性形式的校驗
這篇文章主要介紹了jQuery Validate表單驗證插件,在class屬性中添加校驗規(guī)則進行簡單的校驗,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01
jquery 重寫 ajax提交并判斷權(quán)限后 使用load方法報錯解決方法
這篇文章主要介紹了jquery 重寫 ajax提交并判斷權(quán)限后 使用load方法報錯解決方法 的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQuery使用prepend()方法在元素前添加內(nèi)容用法實例
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內(nèi)容的方法,實例分析了prepend方法追加內(nèi)容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
如何確保JavaScript的執(zhí)行順序 之jQuery.html深度分析
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之實戰(zhàn)篇》中,我們發(fā)現(xiàn)jQuery的html函數(shù)能夠確保動態(tài)加載的JavaScript按照引入順序執(zhí)行。2011-03-03
jQuery插件StickUp實現(xiàn)網(wǎng)頁導(dǎo)航置頂
本文給大家介紹的是一款jQuery插件--StickUp,他的主要用途是實現(xiàn)網(wǎng)頁元素固定,如導(dǎo)航固定讓其總是保持在視圖中可見,效果非常不錯,這里推薦給小伙伴們。2015-04-04
jQuery實現(xiàn)的選擇商品飛入文本框動畫效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的選擇商品飛入文本框動畫效果,結(jié)合完整實例形式分析了jQuery動態(tài)操作頁面元素屬性實現(xiàn)動畫效果的方法,涉及jQuery的事件綁定、元素遍歷及屬性操作等相關(guān)技巧,需要的朋友可以參考下2016-08-08

