用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类名
  • 热门搜索
    古诗手抄报图片大全 寻访红色足迹手抄报 安全教育手抄报资料 七年级英语手抄报 防地震手抄报内容 向英雄致敬手抄报内容 感恩老师的手抄报图片 快乐暑假手抄报内容 三年级教师节手抄报 国庆节手抄报资料