双击单无格出现输入框异步更新，html(content),att.(attrubute),parents(selector),live(event,data,function)

一、要实现的效果和原理
1. 直接修改表格table中数据不用点提交直接更新
2. 数据库查询列表，双击一个td的位置自动把当前位置的值放入input框修改
3. 提交需要一个id编号，字段，值，焦点离开时抓取新内容用POST提交数据库
4. 将始内容放入input，抓取必要的标记，编号，字段，值提交

二、要用到的函数：
$(selector).html(content) //html()函数操作选择器的html代码，即可获取值，也可修改其内容
$(selector)att(attribute) //获取选择器selector属性attribute的值
$(selector).parents(selector) //获得当前标签父元素的内容
$(selector).live(event,data,function) //live函数是为被选元素附加一个或多个事件处理程序，并设置这些事件发生时运行的函数

$("tbody>tr>td").dblclick(function(){
 var inval = $(this).html(); //获取其html代码
 //alert(inval);
 var infd = $(this).attr("fd");  //获得fd属性的值
 var inid = $(this).parents().attr("id"); //获得上一层ID的值
 $(this).html("<input id='edit"+infd+inid+"' name='' value='"+inval+"'>");
 $("#edit"+infd+inid).focus().live("blur".function(){ //blur是离开
  var editval = $(this).val();
  //alert(editval);
  $(this).parents("td").html(editval);
  $.post("post.php",{id:inid,fd:infd,val:editval}) //提交到post.php页修改
 })  
});