jquery 기초 문법

기본 형식

$('#content')
// 이름이 content인 id 값을 선택하기

$('#content').show();
$('#content').hide();
//나타내기, 숨기기 

$('#post-url').val();
//input id를 선택하여 input 태그에 입력한 값 가져오기 

$('#post-url').val('new text');
//input 태그 안에 값 넣기

$('#cards-box').empty();

$('#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>`);

ajax

$.ajax({
    type: "POST",
    url: "/api/memos",
    contentType: "application/json",
    data: JSON.stringify(data),
    success: function (response) {
        alert('메시지가 성공적으로 작성되었습니다.');
        window.location.reload();
    }
});

text와 val의 차이

    let username = $(`#${id}-username`).text().trim();
    // 읽기 모드인 텍스트를 가져올 때 : .text()
    let contents = $(`#${id}-textarea`).val().trim();
    // 작성중인 내용을 가져올 때 : .val()