728x90 JavaScript-JQuery8 JQuery show() hide() - 창 보이기 숨기기 JQuery show() hide() - 창 보이기 숨기기 JQuery hide() 위의 사진에서와 같이 창(포스팅박스)이 오픈되어있을 경우, hide()를 이용해 숨김 처리할 수 있다. $('#post-box').hide(); 덧붙여 창이 열리진 상태에서는 '포스팅박스 닫기'로 바뀌고, 창이 닫힌 상태에서는 '포스팅박스 열기'로 바뀐 것을 확인할 수 있다. JQuery show() $('#post-box').show(); CSS에서 display:none;으로 해주면 맨 처음 버튼 상태이며, 해당 div는 가려진 상태 .posting-box { display: none; } JQuery show() hide() - 창 보이기 숨기기 적용한 전체코드 function openclose(){ } Hello,.. 2021. 12. 30. 제이쿼리란? JQuery 사용하는 방법 제이쿼리란? JQuery 사용하는 방법 JQuery란? : HTML의 요소들을 쉽게 조작하고 편리하게 사용할 수 있게 만든 라이브러리로 Javascript를 미리 작성해둔 것이다. Javascript로도 모든 기능을 구현할 수는 있지만, 코드가 복잡하고, 브라우저 간 호환성 문제 등도 고려해야해 JQuery라는 라이브러리가 등장하게 되었다고 한다. JQuery VS Javascript 코드 비교 Javascript로 길고 복잡하게 써야 하는 것을 JQuery로 보다 짧고 직관적으로 쓸 수 있다. -> Javascript를 사용한 경우 document.getElementById("element").style.display = "none"; -> JQuery로 사용한 경우 $('#element').hide(.. 2021. 12. 29. 이전 1 2 다음 728x90
