用jquery怎么实现点击显示,再一次点击隐藏

 时间:2026-02-16 04:50:11

1、html代码:

<button>点击</button>

<div class="div"></div>

2、css代码:

<style>

.div{

background-color:black;

border: 1px solid red;

width:100px;

height:100px;

display:none

}

</style>

3、js代码:

<script>

$("button").click(function(){

if($(".div").css("display")=="none"){

$(".div").show();

}else{

$(".div").hide();

}

});

</script>

  • jquery如何设置输入框的文字的大小
  • jquery如何修改div的class属性
  • java如何将已保存图片当作窗口显示
  • 如何通过js选取和控制多选框
  • #我来了#如何用jquery实现点击div更换class类名
  • 热门搜索
    创卫手抄报内容 文明礼仪手抄报诗歌 如何制作电子手抄报 四年级上册数学手抄报 反对邪教的手抄报 爱国诚信友善手抄报 防灾减灾手抄报大全 建队日手抄报 美丽的校园手抄报 战争与和平手抄报