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

 时间:2026-04-21 23:59:33

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类名
  • 热门搜索
    爱护环境手抄报图片 文明礼仪知识手抄报 体育手抄报的内容 成语手抄报版面设计 关于感恩的心手抄报 趣味语文手抄报 儿童手抄报春节 手抄报小图案 语言的魅力手抄报资料 平安校园手抄报资料