對于才開始接觸jQuery庫的初學者,我們需要清楚認識一點:
jQuery對象與DOM對象是不一樣的
可能一時半會分不清楚哪些是jQuery對象,哪些是DOM對象,下面重點介紹一下jQuery對象,以及兩者相互間的轉(zhuǎn)換。
通過一個簡單的例子,簡單區(qū)分下jQuery對象與DOM對象:
<p id=”imooc”></p>
我們要獲取頁面上這個id為imooc的p元素,然后給這個文本節(jié)點增加一段文字:“您好!通過慕課網(wǎng)學習jQuery才是最佳的途徑”,并且讓文字顏色變成紅色。
普通處理,通過標準JavaScript處理:
var p = document.getElementById('imooc'); p.innerHTML = '您好!通過慕課網(wǎng)學習jQuery才是最佳的途徑'; p.style.color = 'red';
通過原生DOM模型提供的document.getElementById(“imooc”) 方法獲取的DOM元素就是一個DOM對象,再通過innerHTML與style屬性處理文本與顏色。
jQuery的處理:
var $p = $('#imooc'); $p.html('您好!通過慕課網(wǎng)學習jQuery才是最佳的途徑').css('color','red');
通過$('#imooc')方法會得到一個$p的jQuery對象,$p是一個類數(shù)組對象。這個對象里面包含了DOM對象的信息,然后封裝了很多操作方法,調(diào)用自己的方法html與css,得到的效果與標準的JavaScript處理結果是一致的。
通過標準的JavaScript操作DOM與jQuery操作DOM的對比,我們不難發(fā)現(xiàn):
PS:大家這里做個大概印象就OK,后面會有深入的講解。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報