[코딩] 2주차 : jQuery.Ajax 배우기

 

Javascript 보다 jQuery는 간단하다.

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

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

 

JQuery 를 사용하는 방법 

css에서 class로 이름표를 붙여 주었다면 

jQuery에서는 id 값을 통해 이름표를 붙인다.

 

JQuery 다뤄보기 

. input 박스의 값을 가져와보기

<div class = "form-floating mb-3">

    <input id = "url"   type = "email" class = "form-control" placeholer = "name@example.com">

    <label>영화URL</lable>

</div> 

 

id 값이 url인 것을 가리키고 , val()로 값을 가져 온다.

$('#url').val();

// 입력할때는?

$('#url').val ('입력을 하고 싶다');

= id url에 jQuery를 먹일건데 Value (홍길동)을 넣고 싶어 지금 

빈칸에 '홍길동' 입력하고 콘솔창에서  $('url').val () 엔터치면 홍길동 나온다. 

 

 

div 보이기 / 숨기기 

$('#post-box').show();  

$('#post-box').hide();  

 

버튼 넣어보기   

` backtick과 '  홀 따옴표 구분하기 

let temp_html = `<button> 추가될 버튼이다! </button>`;

$('#cards-box').append(temp_html);

 

 

 

[코딩] 1주차 1-1강 ~ 1-16강까지