[JS] querySelector 하고 제이쿼리 사용 차이

querySelector- css - =

CSS= display:none;

document.querySelectorAll('.hello').innerHTML = '바보';

제이쿼리 - css - ()

제이쿼리 = hide();

$('.hello').html('바보');

 

제이쿼리와 자바스크립트 혼용 가능.

$("#close").on("click", function () {
  document.querySelector(".black-bg").classList.remove("show-modal");
  //$(".black-bg").toggleClass("show-modal");
});

 

"쿼리" 라는 말이 들어가면 css 처럼 쓰인다고 보자.