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();
  });
});