Question

前端CSS/JQUERY 怎么做到点击这个DIV然后它就变成input框并且下面出来两个按钮

主要是不知道怎么实现点的那个下面出现这两按钮 这个位置怎么弄啊

Answer 1

在div中嵌套一个div，内部的div设置display属性值为none；然后给外面的div设置click事件，点击就让内部的div执行show()事件。
html:
<div class="wai" style="width:100px;min-height:30px;border:2px solid blue;">
<span>nothing</span>
<div class="nei" style="display:none;border:1px solid #CCC;">
<input type="text" />
<input type="button" value="确定" />
<input type="button" value="取消" />
</div>
</div>
CSS:
$(".wai").click(function(){$(".nei").show();$(".wai span").hide();});