javascript - 任何人都可以将其转换为 jQuery 吗？

Question

我有以下 JavaScript 来使用模态覆盖。这可以转换为 jQuery 吗？

  function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

Answer 1

function overlay() {
    var overlay = $('#overlay');
    if (overlay.css('visibility')==='hidden'){
        overlay.css('visibility', 'visible');
    } else {
        overlay.css('visibility', 'hidden');
    }
}

有关 css() 函数的详细信息，请参阅http://api.jquery.com/css/。

Answer 2

function overlay() {
    var el = $("#overlay");
    el.css("visibility",((el.css("visibility") == "visible")?"Hidden":"visible"));
}

Answer 3

function overlay() {
  el = $("#overlay");
  if(el.css('visibility')=='hidden') {
    el.css('visibility', 'visible');
  } else {
    el.css('visibility', 'hidden');
  }
}