用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类名
  • 热门搜索
    邪教手抄报 国庆节手抄报简单漂亮 推广普通话手抄报句子 朝花夕拾手抄报 初一 食品卫生手抄报 五一劳动节手抄报简单又漂亮 美丽的祖国手抄报 普通话手抄报大全简单 母亲手抄报大全 母亲节手抄报资料