15个jquery常用方法、小技巧分享

  $("td").dblclick(function(){

  var tdIns = $(this);

  var tdpar = $(this).parents("tr");

  tdpar.css("background-color","yellow");

  if (tdIns.children("input").length>0){ return false; }

  var inputIns = $(""); //需要插入的输入框代码

  var text = $(this).html();

  inputIns.width(tdIns.width()); //设置input与td宽度一致

  inputIns.val(tdIns.html()); //将本来单元格td内容copy到插入的文本框input中

  tdIns.html(""); //删除原来单元格td内容

  inputIns.appendTo(tdIns).focus().select(); //将需要插入的输入框代码插入dom节点中

  inputIns.click(function(){return false;});

  inputIns.keyup(function(event){

  //1.判断是否回车按下

  //结局不同浏览器获取时间的差异

  var myEvent = event || window.event;

  var key = myEvent.keyCode;

  if(key == 13){

  var inputNode = $(this);

  //1.保存当前文本框的内容

  var inputText = inputNode.val();

  //2.清空td里面的内容

  inputNode.parent().html(inputText);

  }

  });

  //处理Enter和Esc事件

  inputIns.blur(function(){

  var inputText = $(this).val();

  tdIns.html(inputText);

  tdpar.css("background-color","white");

  tdIns.html(text);

  });

  });