jQuery에서는 $('selecto')로 선택자를 지정할 수 있다.
const h1Elem1 = document.querySelector('h1'); // JavaScript로 태그 선택
const h1Elem2 = $('h1'); // jQuery로 태그 선택
h1Elem1 === h1Elem2
$('selector').attr('태그의 속성 key명', '세팅할 value')
$('div1').attr('style')
$('div1').attr('style', 'color : red')
- .html() : 해당 태그 내부의 html 태그가 반영된 텍스트 값이며 html 영역의 html 값을 알기 위한 함수이다. 화면에 html이 적용된다.
- .text() : 해당 태그 내부의 텍스트 값이며 html 코드 자체를 화면에 출력한다.
jQuery의 .val()는 JavaScript의 .value와 역할이 비슷하다. 주로 select와 input의 값을 얻기 위해 사용된다.
$('selector').val('변경할 값');
let txt1 = document.getElementById('txt1').value; // JavaScript로 값 가져오기
let txt2 = $('#txt1').val(); // jQuery로 값 가져오기
txt1.value = 'text2'; // JavaScript로 값 변경하기
$('#txt1').val('text2'); // jQuery로 값을 가져옴과 동시에 변경하기