jquery语法如何实现div隐藏显示

jquery语法如何利用css()方法、hide()和show()方法、实现div隐藏显示效果，下面web建站小编给大家简单介绍一下具体实现代码！

1、利用css()方法

$(document).ready(function() {
  //隐藏
  $("#btn").click(function() {
    $(".div").css("display", "none");
  });
  //显示
  $("#btn").click(function() {
    $(".div").css("display", "block");
  });
});

2、利用hide()和show()方法

$(document).ready(function() {
  //隐藏
  $("#btn").click(function() {
    $(".div").hide();
  });
  //显示
  $("#btn").click(function() {
     $(".div").show();
  });
});

jQuery检测指定链接（URL）是否有效（包含跨域）

jQuery语法判断元素是否有子元素的代码？

jQuery语法判断元素是否具有某个特定属性的方法？

jQuery语法如何实现table隔行交替背景色（具体代码介绍）

jQuery语法如何实现表格隔行变色效果

标签： jquery显示, jquery语法, jquery隐藏

上面是“jquery语法如何实现div隐藏显示”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4531.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！