摘要:將返回匹配到的第一個元素,如果沒有匹配的元素則返回。這是原生方法,比起速度快,缺點是不支持。推薦文章更快捷的操作的途徑代碼持續更新中
querySelector:選擇相應的元素標簽具有和jquery類似的寫法
用法:
document.querySelector("div.test>p:first-child"); document.querySelector("#test");
(返回指定元素節點的子樹中匹配selector的集合中的第一個,如果沒有匹配,返回null)
querySelectorAll:選擇相應的元素標簽具有和jquery類似的寫法,支持選擇器的
用法:
document.querySelectorAll("div.test>p:first-child")[0]; document.querySelectorAll("#test")[0];
(返回指定元素節點的子樹中匹配selector的節點集合,采用的是深度優先預查找;如果沒有匹配的,這個方法返回空集合)
總結:他們接收的參數和 CSS 選擇器完全一致;querySelector 和 querySelectorAll 的區別在于 querySelector 用來獲取一個元素,而querySelectorAll 可以獲取多個元素。querySelector 將返回匹配到的第一個元素,如果沒有匹配的元素則返回 Null。
這是原生方法,比起jquery速度快,缺點是IE6、7不支持。
推薦文章:http://www.nowamagic.net/librarys/veda/detail/388
DocumentFragment:更快捷的操作DOM的途徑http://www.webhek.com/javascript-documentfragment/
http://www.cnblogs.com/blueSkys/p/3685740.html
代碼:
持續更新中.....
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79917.html
摘要:嘗試使用新特性,自己來實現一個及的各種特性。我們可以利用這個特性來實現對數據的監聽結果簡單的操作我們已經可以對簡單的數據操作進行監聽雖然還有各種問題,接下來,我們只要在監聽到后進行數據操作即可。 嘗試使用es6新特性,自己來實現一個mvvm及vue的各種特性。相關代碼放在github,會持續更新,歡迎賞個star。本篇文章為系列文章的第一篇,會比較容易理解,后續會持續更新后面的記錄。文...
摘要:嘗試使用新特性,自己來實現一個及的各種特性。我們可以利用這個特性來實現對數據的監聽結果簡單的操作我們已經可以對簡單的數據操作進行監聽雖然還有各種問題,接下來,我們只要在監聽到后進行數據操作即可。 嘗試使用es6新特性,自己來實現一個mvvm及vue的各種特性。相關代碼放在github,會持續更新,歡迎賞個star。本篇文章為系列文章的第一篇,會比較容易理解,后續會持續更新后面的記錄。文...
摘要:在引起狀態變化的時刻,框架自動觸發臟檢查,也可以手動執行臟檢查,直接操作更新視圖。最后,說了這么多,大家在具體選型時還是要首先分析自己的需求和現狀,然后再做選擇。 作為一個軟件開發者,最大的挑戰就是在不斷涌現的新技術中進行取舍,持續學習是從事這一行業的必備技能。在這個領域里,技術更新最快地又非前端莫屬了。各種框架的出現、版本的更新此起彼伏,呈現出一派欣欣向榮之景。 在項目中必不可少的便...
摘要:在引起狀態變化的時刻,框架自動觸發臟檢查,也可以手動執行臟檢查,直接操作更新視圖。最后,說了這么多,大家在具體選型時還是要首先分析自己的需求和現狀,然后再做選擇。 作為一個軟件開發者,最大的挑戰就是在不斷涌現的新技術中進行取舍,持續學習是從事這一行業的必備技能。在這個領域里,技術更新最快地又非前端莫屬了。各種框架的出現、版本的更新此起彼伏,呈現出一派欣欣向榮之景。 在項目中必不可少的便...
閱讀 3205·2021-11-17 09:33
閱讀 3288·2021-11-15 11:37
閱讀 2950·2021-10-19 11:47
閱讀 3199·2019-08-29 15:32
閱讀 1001·2019-08-29 15:27
閱讀 1525·2019-08-29 13:15
閱讀 932·2019-08-29 12:47
閱讀 2023·2019-08-29 11:30