jQuery(자바스크립트함수 모음집)

많이쓰는 HTML, CSS조작 함수를 미리 만들어서 제공해주는것이다

HTML파일 head안에 아래의 한줄을 넣어주면된다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

id가 post-box인 녀석을 보여줘
$('#post-box').show()

id가 post-box인 녀석을 숨겨줘
$('#post-box').hide()

id가 post-url인 녀석의 안에 있는 데이터를 가져와줘
$('#post-url').val();

id가 post-url인 녀석의 안에 데이터를 넣어줘
$('#post-url').val(3455);

#id가 card-box녀석의 html를 초기화(비우기)
$('#card-box').empty();

#id가 card-box녀석에 데이터를 추가하겠다.(append())
$('#cards-box').append();

$('#cards-box').append(`<div class="card">
<img class="card-img-top"src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
         alt="Card image cap">
    <div class="card-body">
        <a href="#" class="card-title">여기 기사 제목이 들어가죠</a>
        <p class="card-text">기사의 요약 내용이 들어갑니다.</p>
        <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
    </div>
</div>`);