jQuery是一個廣泛使用的JavaScript庫,可輕松處理 HTML 文檔的遍歷、事件處理、動畫和 Ajax。
通過使用jQuery,我們可以方便地獲取HTML元素,然后使用它們的CSS樣式。jQuery通過.style方法獲取元素的樣式,這個方法不能像.css()方法一樣獲取計算后的樣式。可以通過以下方式獲取指定元素的樣式:
$(document).ready(function(){ var style = $('#element_id')[0].style; var color = style.color; var background = style.backgroundColor; console.log(color, background); });
上述代碼中,使用了jQuery庫的.ready()方法,表示當頁面加載完成時,執行一個函數體。獲取元素的方式是通過選擇器獲取元素的ID。
.style方法返回元素的內聯樣式對象,通過該對象獲取元素的相關屬性值。該方法只能獲取元素的內聯樣式聲明,如果樣式是從CSS文件加載的,則需要通過其他方式獲取。獲取的值可以保存在變量中,后續代碼可以使用這些變量。
使用jQuery通過.style獲取元素的樣式,這樣就可以輕松地修改該元素的樣式了。如果想對該元素樣式進行修改,可以直接修改這些變量的值即可。