DOM對象和jQuery對象是前端開發中常用的兩種對象,它們分別代表網頁DOM結構和jQuery庫對DOM的封裝。
DOM對象即文檔對象模型,是指網頁中所有元素和屬性的集合,通過DOM API可以實現對網頁DOM的增刪改查。DOM對象可以用原生JavaScript的方式獲取,如:
var domObj = document.getElementById('id');
其中,getElementById方法返回的是一個DOM對象。
但是,原生JavaScript操作DOM對象過于繁瑣和冗長,因此jQuery庫出現了。jQuery對象是基于DOM對象的封裝,它可以通過簡單的鏈式語法實現對DOM的操作。獲取jQuery對象有多種方式,如:
var jqObj1 = $('#id'); var jqObj2 = $(domObj); var jqObj3 = $('');
其中,$是jQuery庫的全局對象,在傳入一個DOM對象時,將其轉換為一個jQuery對象。$()在不傳入任何參數的情況下創建一個空的jQuery對象,可以在里面寫HTML代碼來創建新的DOM節點。
比如,用jQuery對象給div節點添加一個樣式,可以通過以下代碼實現:
var jqObj = $('#id'); jqObj.css('background-color', 'red');
其中,css()方法是jQuery對象中的一個方法,用于設置/獲取元素的CSS樣式,它的第一個參數是CSS屬性名,第二個參數是值。
總之,DOM對象和jQuery對象都是前端開發中不可或缺的重要對象,通過DOM API或jQuery庫都可以實現對DOM結構的操作。
下一篇dom對比jquery