jquery 방식으로 요소의 값을 가져오고 세팅할 때는 val(), html(), text() 를 쓴다
자바스크립트 방식에서는 value, innerHTML, innerText 를 썼다
var v_input = $("#my_input").val();
$("#my_input").val("창섭");
var v_div = $("#my_div").html();
$("#my_div").html("창섭");
var v_div2 = $("#my_div").text();
$("#my_div").text("창섭");val은 태그의 value 속성의 값을 반환하고 세팅한다
text는 html 코드 제외한 내용을 반환하지만
html은 html 내용을 다 반환한다
제이쿼리의 html과 자바스크립트의 innerHTML은 같은 기능이다
html로 세팅할때 선택된 요소가 여러 개라면 모든 요소에 적용이 된다
하나에만 적용하고 싶다면 eq를 사용해야한다
여러 개 중 하나를 가져올 때는 eq()를 사용한다
자바스크립트 방식에서는 document.querySelectorAll()[0] 이런 식으로 썼다
$('.myArr').eq(0).html('창섭');