jquery怎么实现点击一个按钮控制一个div的显示和隐藏

Posted 2023-03-14

html代码 画个div和button

<div class="abc" style="display:none"></div>
<input type="button" class="but" />

js代码

<script>
$(document).ready(function(e) //DOM加载完成后执行方法
    $(".but").click(function(e) //点击事件
        $(".abc").toggle();//div元素如果是隐藏就会显示，反之显示就会隐藏
    );
);
</script>

注：jquery的toggle() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

参考技术A $(document).ready(function()
$("#butt").click(function()
$("div").toggle();
);
);
这是基础性的东西。建议你去学学jquery本回答被提问者采纳