jQuery celledit是一個非常方便的jQuery插件，通過它可以輕松地實現單元格的編輯。這個插件使用非常簡單，只需要引入jQuery庫和插件文件即可。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.celledit.js"></script>

然后，在需要編輯的單元格上添加一個類名，比如“editable”：

<table>
<tr>
<td class="editable">北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
<tr>
<td>成都</td>
<td>重慶</td>
<td class="editable">武漢</td>
</tr>
</table>

接著，在頁面加載完畢后調用celledit函數即可：

$(".editable").celledit();

現在，我們就可以在這些單元格上直接點擊，然后進行編輯了。在編輯時也可以使用回車鍵保存修改，使用Esc鍵取消編輯。

當然，如果需要在編輯時做一些其他的操作，可以自定義一些事件。比如，當單元格進入編輯模式時，顯示一個文本框：

$(".editable").on("celledit:beforeEdit", function(e, value) {
$(this).html("<input type='text' value='" + value + "' />");
});

當單元格退出編輯模式時，將文本框的內容保存到單元格中：

$(".editable").on("celledit:afterSave", function(e, value) {
$(this).html(value);
});

jQuery celledit是一個非常實用的插件，它可以讓我們輕松地實現單元格的編輯功能。在使用時，只需要記住引入jQuery庫和插件文件，然后調用celledit函數即可。如果需要自定義事件，也可以使用插件提供的事件來實現。