js实现div显示与隐藏

1.简单的div
<div class="col-md-12 col-sm-12" id="confirm">
<div class="form-group">
<label class="col-md-3 control-label">请输入数据:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="connewpwd">
</div>
</div>
</div>

<button type="button" class="btn btn-w-m btn-primary" id="delete">隐藏</button>
<button type="button" class="btn btn-w-m btn-primary" id="add">显示</button>

2.注意引用jquery<script src="http://code.jquery.com/jquery-latest.js"></script>
在js中
$("#delete").click(function () {
$("#confirm").hide();
});

$("#add").click(function () {
$("#confirm").show();
});

猜你喜欢

转载自blog.csdn.net/liuzemeeting/article/details/79819345
今日推荐