在web開發中，表格操作是一個非常常見的功能。其中，jquery是一個非常流行的js庫，提供了許多方便的操作表格的函數。本文將介紹如何使用jquery添加和刪除表格中的數據。

首先，我們需要在html文件中創建一個表格。可以用table、tr和td標簽來創建表格及其內容。代碼如下:

<table id="book_table">
<tr>
<th>書名</th>
<th>作者</th>
<th>價格</th>
</tr>
</table>

接下來，使用jquery的append函數來添加一條書目數據到表格中。代碼如下:

$("#book_table").append("<tr><td>Harry Potter</td><td>J.K. Rowling</td><td>$15.99</td></tr>");

這段代碼會將一條包含“Harry Potter”、“J.K. Rowling”和“$15.99”數據的標簽添加到表格末尾。

接下來，我們可以看一下如何使用jquery的remove函數來刪除一條數據。首先，先給表格中的每一條數據添加一個刪除按鈕:

$("<td><button class='delete_button'>刪除</button></td>").appendTo("#book_table tr");

這段代碼會在表格中的每一條數據的末尾添加一個名為“刪除”的按鈕。接下來，在jquery中使用on函數綁定按鈕，使得在點擊按鈕的時候可以刪除該條數據:

$("#book_table").on("click", ".delete_button", function (){
$(this).parents("tr").remove();
});

這段代碼會檢測到每個名為“delete_button”的按鈕，并且在它們被點擊時執行一個函數。函數使用jquery的parents函數來找到該數據的標簽，然后使用remove函數來刪除該標簽。

以上就是使用jquery添加和刪除表格中數據的基本操作。希望本文能夠幫助大家更好地使用jquery進行web開發。