今天我們來聊一下如何使用jQuery設置TD(Table Data)背景色。
使用jQuery來設置TD的背景顏色非常簡單,只需要在你的代碼中加入以下這一行:
上面這段代碼的意思是,將所有的TD的背景顏色都設置成黃色,你可以將黃色改成任何你想要的顏色。
接下來,我們來編寫一個完整的示例程序,用來演示如何使用jQuery來設置TD的背景顏色:
使用jQuery來設置TD的背景顏色非常簡單,只需要在你的代碼中加入以下這一行:
$("td").css("background-color", "yellow");
上面這段代碼的意思是,將所有的TD的背景顏色都設置成黃色,你可以將黃色改成任何你想要的顏色。
接下來,我們來編寫一個完整的示例程序,用來演示如何使用jQuery來設置TD的背景顏色:
<!DOCTYPE html> <html> <head> <title>jQuery設置TD背景色</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> <td>第一行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> <tr> <td>第三行第一列</td> <td>第三行第二列</td> <td>第三行第三列</td> </tr> </table> <p>以下是示例程序:</p> <pre> $(function(){ $("td").css("background-color", "yellow"); });