JavaScript/JQuery

Jquery $() 와 document.getElementById() 의 차이

이 두개는 같은 DOM 데이터를 불러오는건 동일하다.

$("#subMenuDialog") 처럼 jquery 를 이용해 DOM의 id를 불러올때는 jquery 의 객체를 반환한다.

그리고 document.getElementById("subMenuDialog") 를 이용해 id 값을 부를땐 DOM 객체 자체가 넘어온다.

아래 예시를 확인해보자

예를 들기 위해 bootstrap의 modal 창을 subMenuDialog 라는 id 값으로 생성하여 불러온다.

아래와 같이 html 코드가 있다.

> document.getElementById("subMenuDialog") 를 통해 불러와 console에 찍어본다.

위와 같이 HTML DOM 객체가 나오는걸 볼 수 있다.

> jquery의 $("#subMenuDialog") 를 이용해 id 값을 불러오겠다.

jquery로 불러왔을 때는 jquery 객체로 array 형식으로 반환한다.

그렇기 때문에 document.getElementById("subMenuDialog") 처럼 HTML DOM 객체로 받기 위해선

$("#subMenuDialog")[0] 처럼 0번째 데이터를 불러오면 HTML DOM 객체로 받을 수 있다.

위처럼 jquery로 부를때 0번째 데이터를 사용하면 HTML DOM 객체를 사용할 수 있다.

jquery.fn 과 $.fn (0)	2022.12.06
BootStrap modal 2개 띄웠을 때 hidden.bs.modal event 처리 (0)	2022.08.16
Jquery Ajax 415 에러(occure Ajax request Error. status code:415, request uri), 400 (0)	2022.07.26
DataTables rowReorder 옵션 사용하기(테이블 재정렬) (0)	2022.07.26
form 태그에 동적으로 파라미터 추가 (0)	2022.07.12

Contents

새소식