[Misc] JQ - get() 메서드 ★ - 선택자가 가리키는 DOM 요소 가져오기. (= get메서드 = 겟메서드)

목차

1. get() 예제 - 지정 DOM 요소 가져오기
2. get() 정의
3. get() 구문

get() 예제 - 지정 DOM 요소 가져오기

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 

<script>

$(document).ready(function(){

  $("button").click(function(){

    var x = $("p").get(0);

    $("div").text(x.nodeName + ": " + x.innerHTML);

  });

});

</script>

<p>홈짱닷컴 Homzzang.com</p>

<p>홈페이지 제작관리 강의</p>

<button>클릭</button>

<div></div>

 

결과보기 (결과값: P: 홈짱닷컴 Homzzang.com)

관련 예제: https://homzzang.com/b/jquery-295

get() 정의

 

선택자에 의해 지정된 DOM 요소 얻기.

 

---

 

1.

선택자에 해당하는 요소가 여럿일 때 특정 요소를 지정해 가져올 때 사용.

 

2.

eq() vs. get() 차이점.

 

3.

toArray() 메서드와 유사. 이 역시, 일치 요소를 배열로 가져옴.

 

get() 구문

 

$(selector).get(index)

 

---

[매개변수]

 

index

필수. 얻고자 하는 요소의 색인번호. (※ 0부터 시작)