본문 바로가기

JavaScript/JQuery

[jQuery] javascrtip vs jQuery 문법 비교

1. javascript 의 getElementsByTagName() 을 jQuery 에서는 어떻게 쓸까?

정말 단순 합니다.

$( ' div ' )
$( ' em ' )

이러하답니다. ^-^

2. javascript 의 getElementsById() 는 그럼 jQuery 로 어떻게 표현 할까요? ( css 의 ID )

이것또한 단순 하답니다.

$ (  ' #myid ' )
$ ( ' p#myid ' )

이렇게 사용 됩니다.

첫번째의 #myid 는 모든 엘리먼트의 id="myid" 인 값을 가져오는 것이고
두번째의 p#myid 는 p 태그의 id 를 가져오는 것 입니다 . <p id ="myid" >

3. css 의 Class 는 어떻게 가져 올까요?

$ ( ' .myclass ' )
$ ( ' p.myclass ' )
$ ( '.myclass.otherclass ')

첫번째는 myclass 를 가지고 있는 엘리먼트를 가져 오는 것이고
두번째는 p 태그의 myclass 를 쓰고 있는 것을 가지고 오는 것이고
세번째는 myclass 와 otherclass 둘 다 쓰고 있는것 두개를 함께 가져 오는 것 입니다

참고로 CSS 는

. (점, 닷 ) 연산자는 태그에서 쓰일때 class 이고
# (샵 , 플랫) 연산자는 id 입니다.

class 는 여러번 사용이 가능하고,
id 는 한번만 사용할때 쓰입니다.

4. 특정 부모의 자식 요소를 가져 오는건 뭘까요?

$ ( ' #container p ' )
$ ( ' a img ' )

첫번째는 #container 의 id 를 쓰고 있는 엘리먼트의 자식요소 중 p 엘리먼트를 구하는 것이고
두번째는 a 태그의 img 엘리먼트는 구하는 것 입니다.