jQuery表格顏色樣式是Web開發領域中非常常見的UI設計元素,它可以幫助我們更好的美化網頁并提升用戶體驗。
下面,我們介紹一些使用jQuery代碼控制表格顏色樣式的基本方法。
//讓表格隔行變色 $(document).ready(function(){ $('tr:even').css('background','#CCCCCC'); $('tr:odd').css('background','#999999'); }); //當鼠標移到表格行上方時變色 $(document).ready(function(){ $('tr').hover(function(){ $(this).css('background','#EEEEEE'); }, function(){ $(this).css('background',''); }); }); //鼠標點擊修改表格行顏色 $(document).ready(function(){ $('tr').click(function(){ $(this).css('background','#FF0000'); }); }); //單元格鼠標移動變色 $(document).ready(function(){ $('td').hover(function(){ $(this).css('background','#EEEEEE'); }, function(){ $(this).css('background',''); }); });
以上就是一些常用的jQuery表格顏色樣式的控制方法,你可以根據需要進行簡單的修改,實現更加復雜的效果。相信經過不斷嘗試和實踐,你會越來越熟練掌握這些技巧。