有个问题要问一下，关于
jquery吧
全部回复
仅看楼主
level 2
lijm0018 楼主
var inputIns = $("<input type='text'/>");
像这样的是什么意思呢，有没有人解答一下，二楼贴代码
2017年09月23日 08点09分 1
level 2
lijm0018 楼主
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery动态可编辑表格</title>
<script src="../script/jq.js"></script>
<script>
$(document).ready(function(){
$("tbody tr:odd").css("background-color","#eee");//实现表格隔行换色
var numId = $("tbody td");
numId.click(function(){
var tdIns = $(this);//获取到当前单元格
if ( tdIns.children("input").length>0 ){
return false;
}
var inputIns = $("<input type='text'/>");//生成文本输入框[呵呵][呵呵][呵呵]var text = $(this).html();//获取当前表格的文本值
inputIns.width(tdIns.width());//输入框和单元格宽度一致
inputIns.val(tdIns.html());
tdIns.html("");//清空原来单元格内的内容
inputIns.appendTo(tdIns).focus().select();//文本输入框获取焦点
inputIns.click(function(){ return false;});
inputIns.keyup(function(event){//通过键盘事件控制输入
var keycode = event.which;//获取键值
if( keycode == 13 ){//按下ENTER键修改td的值
var inputText = $(this).val();
tdIns.html(inputText);
}
if( keycode == 27 ){//按下ESC取消当前操作
tdIns.html(text);
}
});
});
});


*{ margin:0; padding:0;}
body{ padding:10px; font:12px "微软雅黑", Geneva, sans-serif; color:#777;}
Input{ border:1px solid #ccc; }/*给生成的input标签添加样式*/
table{ width:240px; height:100px; margin:0 auto; border-collapse:collapse; }
td,th,caption{ border:1px solid #ccc; padding:3px 10px; }
tbody td{ width:100px; text-align:center;}/*设置td单元格为固定宽度*/
thead { background:#eee;}
caption{ background:<a href="https://tieba.baidu.com/mo/q/hotMessage?topic_id=0&fid=896836&topic_name=ccc; color:&is_video_topic=0">#ccc; color:#</a>000; }



>

编辑个人信息


姓名
职业




王艳荣
PHP工程师


李世强
java工程师


洪滔
英语大佬


老罗
手机应用工程师

王加
移动互联网


李强
ASP前端开发工程师





2017年09月23日 08点09分 2
level 2
lijm0018 楼主
[呵呵]
2017年09月23日 08点09分 3
level 2
lijm0018 楼主
[哈哈]
2017年09月23日 08点09分 4
level 2
lijm0018 楼主
[吐舌]
2017年09月23日 08点09分 5
level 2
lijm0018 楼主
[啊]
2017年09月23日 08点09分 6
level 2
lijm0018 楼主
[酷]
2017年09月23日 08点09分 7
level 2
lijm0018 楼主
[怒]
2017年09月23日 08点09分 8
level 2
lijm0018 楼主
[开心]
2017年09月23日 08点09分 9
level 2
lijm0018 楼主
[汗]
2017年09月23日 08点09分 10
level 2
lijm0018 楼主
[泪]
2017年09月23日 08点09分 11
level 2
lijm0018 楼主
[黑线]
2017年09月23日 08点09分 12
level 1
星星爆笑社
创建元素和原生的createElement一样
2017年09月28日 00点09分 13
1