Jquery实现控件的隐藏和显示实例_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:19:18
Jquery实现控件的隐藏和显示实例_jquery
Jquery实现控件的隐藏和显示实例_jquery: 代码如下:jquery.big{ font-size:30px; color:#FF0000;} $(function(){$('#click_event').click(function(){ $('#click_event').html('');if($('#hidden_enent').is(':hidden')){ $('#hidden_en
导读Jquery实现控件的隐藏和显示实例_jquery: 代码如下:jquery.big{ font-size:30px; color:#FF0000;} $(function(){$('#click_event').click(function(){ $('#click_event').html('');if($('#hidden_enent').is(':hidden')){ $('#hidden_en

代码如下:
jquery script>
$(function(){
$('#click_event').click(function(){
$('#click_event').html('');
if($('#hidden_enent').is(':hidden'))
{
$('#hidden_enent').show();
$('#click_event').html('隐藏');
}
else
{
$('#hidden_enent').hide();
$('#click_event').html('显示');
}
})
})
script>
隐藏
测试隐藏
Jquery实现控件的隐藏和显示实例_jquery
Jquery实现控件的隐藏和显示实例_jquery: 代码如下:jquery.big{ font-size:30px; color:#FF0000;} $(function(){$('#click_event').click(function(){ $('#click_event').html('');if($('#hidden_enent').is(':hidden')){ $('#hidden_en