js實現div顯示與隱藏
阿新 • • 發佈:2019-01-03
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();
});