jQuery.contains() 메서드

1. 개요

어떤 DOM 요소 안에 특정 DOM요소가 포함되어 있는지를 확인하기 위한 메서드이다.
2개의 인자를 가질 수 있는데, 첫 번째로 인자로 지정된 DOM 요소 안에 두번째 인자로 지정된 DOM요소가 포함되어 있으면 true, 그렇지 않으면 false를 반환.

2. 예시

2-1)

if (jQuery.contains(document.body, $("p")[0])) { 
	return true;
} else {
	return false;
}

//body안에 p태그를가지는 [0]번째 요소가 있을경우 true를 반환하고 아닐경우 false를 반환한다.

2-2)

3. 주의사항

위의 2-1 예제에서 $("p")[0] 대신에 $("#tag_p")와 같이 tag_p라는 아이디를 가지는 요소를 확인하고 싶을경우 $("#tag_p") 대신에 document.getElementById("tag_p")를 사용해야하는데 그 이유는
▶ $("#tag_p") 는 object의 object이고
▶ document.getElementById("tag_p") 는 object의 HTMLSpanElement이기 때문이다.
=> 라고는 하는데 무슨 소리인지는 잘모르겠다. 근데

$(function(){
	console.log(check());
});
function check() {
	if (jQuery.contains(document.body, document.getElementById("example"))) {
    		return true;
        } else {
        	return false;
   	}
}

이렇게 실행 했을경우는 console창에 true가 찍히고 $("#example") 로 했을경우는 false가 나온다.