实现可编辑的表格

//在页面装载时，让所有的td都拥有一个点击事件
$(document).ready(function(){
    //找到所有的td节点
   var tds = $("td");
    //给所有的td节点增加点击事件
    tds.click(function(){
        //0.保存当前td节点
        var td = $(this);
        //1.取出当前td中的文本内容保存起来
        var text = $(this).text();
        //2.清空td里面的内容
        td.html("");//也可以用td.empty();
        //3.建立一个文本框，也就是input的元素节点
        var input = $("<input>");
        //4.设置文本框的值是保存起来的文本内容
        input.attr("value",text);
        //5.把文本框加入到td中
        td.append(input);
        //6.需要清除td上的点击事件
        td.unbind("click");
    });
});