JQuery是一種廣泛使用的JavaScript庫,用于將客戶端腳本編輯和操作網頁的文檔對象模型(DOM)。
在許多 web 應用程序中,數據表是最常使用的元素之一。為了使表格更加清晰和易于閱讀,我們可以利用 JQuery,給表格的每個隔行添加不同的顏色。
以下是使用 JQuery 給表格隔行添加不同顏色的代碼示例:
<script> $(document).ready(function(){ $("tr:odd").css("background-color", "#e6e6e6"); //選擇表格的奇數行并將其背景色設置為淺灰色 }); </script>
在這段代碼中,我們使用 JQuery 的ready()
方法,在 HTML 文檔加載完畢后執行代碼。然后我們使用css()
方法,選擇表格的奇數行并將其背景色設置為淺灰色。
通過這段代碼,我們可以輕松地讓表格更加具有可讀性和美觀性。
上一篇div css樣式手冊
下一篇div css平分