jquery怎么实现点击一个按钮控制一个div的显示和隐藏 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
jquery怎么实现点击一个按钮控制一个div的显示和隐藏
1. $(input).toggle(function(){
$(div).hide()
},function(){
$(div).show()
})
2. (淡入淡出)
$(input).on(click,function(){
$(div).fadeToggle()
})
怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
1、用jquery自带的2个简单的方法，可以实现 show( ) /hide( )方法
2、例子
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide()
})
$(".btn2").click(function(){
$("p").show()
})
})
要显示隐藏的文字
jquery 怎么把隐藏div点击按钮一个个显示
示例html
最简单的方法：
$(document).ready(function(e) {
$(".but").click(function(e) {
$(".abc").toggle()
})
})
toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。
------
如果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样：
$(document).ready(function(e) {
$(".but").click(function(e) {
if( $(".abc").hasClass("show") ){
// 执行隐藏
$(".abc").hide().removeClass("show")
// 其他
}else{
// 显示
$(".abc").show().addClass("show")
}
})
})
这里通过自定义一个 class : show 来判断 div 是显示或隐藏
hasClass() 是否存在某个class
hide() 隐藏对象
show() 显示对象
removeClass() 移除一个class
addClass() 添加一个class
除此，还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
jquery 怎么让div显示隐藏
jquery有已经封装好的方法可以直接操作
例如
$().show()
这个是显示
$().hide()
这个是隐藏方法内可以带参数，可以是正整数，不过单位是毫秒
例如
$().hide(1000)
这句话的意思是在一秒钟之内隐藏
jquery 实现点击按钮显示div 并改变按钮样式， 点击div外部 隐藏该div，按钮样式还原
$(document).ready(function(){
$("#button").click(function(){
$("#innerDIV").show().focus()
})
$("#innerDIV").blur(function(){
$(this).hide()
})
})
//试试
jquery怎么实现点击一个按钮控制多个div的显示和隐藏
$("button").click(function(){
$("div").toggle( 100)
})
参考链接：http://www.w3school.com.cn/jquery/effect_toggle.asp
定义和用法
toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
语法
$(selector).toggle(speed,callback,switch)