전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이기 때문에 쓰기 전에 임포트를 해줘야한다!
document.getElementById("element").style.display = "none";
위처럼 javascript로 길고 복잡하게 써야하는 것을,
$('#element').hide();
jQuery로 보다 직관적으로 쓸 수 있어서 편리하다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
$('#id이름').val('값')
// $('#')은 지칭, .val('')은 명령
let temp_html = `html형식 복사해서 붙이기`
$('# 붙일<div>의 id').append(temp_html)
let name = '세정'
let temp_html = `<div>.......${name}.......</div>`
onclick = openclose()
function openclose(){
let status = $('#post-box').css('display'); //status값이 block이면 나와있음.
if (status=='block'){
$('#post-box').hide();
$('btn-posting-box').text('포스팅박스 열기');
}else{
$('#post-box').show();
$('btn-posting-box').text('포스팅박스 닫기');
}
}
display: none;
하면 된다.