DOM(Document Object Model,文檔對象模型)是一種將HTML或XML文檔表示為樹型結(jié)構(gòu)的方式,通過DOM可以對文檔中的每個元素進(jìn)行訪問、修改。
而jQuery是一個JavaScript庫,提供了很多函數(shù)和方法,使得DOM的操作更加方便快捷。
//jQuery代碼 $(function(){ $('#btn').click(function(){ $('#box').hide(); }); });
以上代碼實現(xiàn)了點擊按鈕時隱藏某個元素,相比原生的DOM操作,使用jQuery可以省略繁瑣的DOM遍歷和綁定事件的代碼:
//原生DOM代碼 window.onload = function(){ var btn = document.getElementById('btn'); var box = document.getElementById('box'); btn.onclick = function(){ box.style.display = 'none'; }; };
但是需要注意的是,雖然jQuery提供了很方便的方法,但是它的性能不如原生DOM操作。