2주차 - JQuery

2주차 - JQuery

Javascript로 길고 복잡하게 써야 하는 것을

document.getElementById("element").style.display = "none";

jQuery로 보다 직관적으로 쓸 수 있다.

$('#element').hide();

jQuery CDN

값 가져오기

// id 값이 post-url인 곳을 가리키고, val()로 값을 가져온다. $('#post-url').val();

박스 숨기기/보이기

// id 값이 post-box인 곳을 가리키고, hide()로 안보이게 한다.(=css의 display 값을 none으로 바꾼다) $('#post-box').hide(); // show()로 보이게 한다.(=css의 display 값을 block으로 바꾼다) $('#post-box').show();

텍스트 입력하기

$('#post-url').val('여기에 텍스트를 입력하면!'); $('#btn-posting-box').text('포스팅 박스 닫기');

태그 내 html 입력하기

let temp_html = '나는 추가될 버튼이다!'; $('#cards-box').append(temp_html);

from http://cloud-cuckoo-land.tistory.com/10 by ccl(A) rewrite - 2021-10-19 17:27:40