jQuery是一個廣泛應用于Web開發的JavaScript庫,可以方便地完成大量基于DOM的操作,以及其他常見的JavaScript任務。其中,遍歷和修改CSS樣式是jQuery的基本功能之一。
// 遍歷和修改CSS樣式 $(document).ready(function(){ $('p').each(function(){ // 遍歷所有p標簽 $(this).css('color', 'red'); // 將字體顏色修改為紅色 $(this).addClass('bg-yellow'); // 添加背景色樣式 }); });
代碼注釋:
第1行:$(document).ready()用于在頁面加載完成后執行JavaScript代碼。
第2行:用選擇器$('p')選中所有p標簽并使用each()方法遍歷。
第3-4行:使用css()方法修改每個p標簽的字體顏色。
第5-6行:使用addClass()方法為每個p標簽添加背景色樣式。
需要注意的是,以上代碼不僅可以遍歷和修改CSS樣式,還可以用于遍歷和修改其他屬性、標簽內容等。通過jQuery的方便操作,可以大大減少JavaScript代碼的編寫量,提高Web開發效率。
上一篇css自定義虛線邊框樣式
下一篇css自帶下劃線怎么刪除