Как перевести из js в jquery?

Question

Helloeveryone @Helloeveryone

JavaScript

Как перевести из js в jquery?

Почему не работает. Вроде все правильно. Помогите, пожалуйста, буду очень благодарен.
это две функции js нужно повесить onclick

function openSearch() {
document.getElementById("myOverlay").style.display = "block";
}

function closeSearch() {
document.getElementById("myOverlay").style.display = "none";
}

на jqwery переписал так.

$(".openBtn").on("click", function(){
$("#myOverlay").css.display = "block";
})

$(".closebtn").on("click", function(){
$("#myOverlay").css.display = "none";
})

вот html

<div id="myOverlay" class="overlay">
                <span class="closebtn" onclick="closeSearch()" title="Close Overlay">×</span>
                <div class="overlay-content">
                  <form action="/action_page.php">
                    <input type="text" placeholder="Search.." name="search">
                    <button type="submit"><i class="fa fa-search"></i></button>
                  </form>
                </div>
              </div>
              
              
              <button id="blnk" class="openBtn" onclick="openSearch()"><i class="fa fa-search"></i></button>

Вопрос задан более двух лет назад
172 просмотра

3 комментария

Подписаться 1 Простой 3 комментария

Helloeveryone, опять пусто, вы неправильно вставляете, вставьте его как код, а не текст

Answer 1 · 2023-03-06 16:20:47

Жквери собсно имеет кучу удобных алиасов. Если быстро настругать какие-то манипуляции с группой элементов на нем даже удобнее, то в целом конечно лучше на ванила жс писать...

$(".openBtn").on("click", function(){
    $("#myOverlay").show();
});

$(".closebtn").on("click", function(){
    $("#myOverlay").hide();
});

Как перевести из js в jquery?

Войдите на сайт