2021-06-11 (J쿼리 $('#~~~') 사용하기)

<script>
function openclose()
{
let status = $('#post-box').css('display');
console.log(status);
if(status == 'block') {
$('#btn-box').text("포스트박스 열기");
$('#post-box').hide();
}
else {
$('#btn-box').text("포스트박스 닫기");
$('#post-box').show();
}
}
</script>

 

j쿼리 기본 문법 : $(# 'ID태그'). + append(html) 문서추가 +text("문구변경") + hide(); 블럭숨기기 +show(블럭보이기)

hide(); 는 css에서 display : none과 같다.

 

let html = ` ~ ` 작성시 html에 div같은 한 요소 추가됨

html중 구역 수정시  let title = '아이스아메리카노' 로 선언후

<a href="https://naver.com" class="card-title">${title}</a> 기존 text 쓰는부분에 ${text}로 수정