제이쿼리 객체 관련 질문

[gtdg]

제이쿼리 레벨1 공백검사 숙제와 if else 문법까지 듣던중 if문 진입을 못해서 한참 삽질하다가

$('#id').val()의 괄호를 빼먹어서 안됐다는걸 깨닫고 문득 의문이 들어 다음과 같이 console.log()를 찍어봤습니다.

 

<input type="text" id="id"> 

1. document.querySelector('#id')
2. document.querySelector('#id').value
3. $('#id')
4. $('#id').val
5. $('#id').val()

첫번째 질문 : 1번과 3번은 완전히 동일한 것인줄 알았는데 출력되는게 다르던데 혹시 어떤 차이가 있는건가요?

두번째 질문 : 4번은 정체가 뭔가요?

[codingapple]

3은 jQuery함수를 붙이기 위해서 object 아니면 array자료로 감싸놓은겁니다 

함수에 소괄호 빼고 콘솔창에 입력하면 함수 정의부분이 출력됩니다 

[gtdg]

감사합니다

[글쓴이]

글