jq实现按钮的显示与隐藏,搜索了下很多很多的资料,也挺简单的,这里也自己记录一份下来
hide.js:
$(function(){
$('#hide').click(function(){
$('#btn1').hide();
});
});
show.js:
$(function(){
$('#show').click(function(){
$('#btn1').show();
});
});
toggle.js:
$(function(){
$('#toggle').click(function(){
$('#btn1').toggle();
});
});
demo.html:
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src='./test.js'></script>
<script src='./show.js'></script>
<script src='./toggle.js'></script>
</head>
<body>
<button id='btn1' type='button'>按钮1</input>
<p>
<button id="hide" type="button">隐藏</input>
<button id='show' type='button'>显示</input>
<button id='toggle' type='button'>切换</input>
</p>
</body>
</html>
这个隐藏显示挺简单的,不过介于我在项目中用到了这个,而且也是查了资料才会的(太菜~),所以还是得记录下来~~