채택완료

초보가 자바스크립트와 제이쿼리간 궁금한게 있습니다.

2016-08-22 (월) 14:30:24 3,222

1번 : $('#aaaa).css('top','250px').css('height','90px');

2번 : document.getElementById('aaaa').css('top','250px').css('height','90px');

첫번째와 두번째 모두 아이디가 aaaa 인 div 의 css 를 변경하는것인데요

책에서 말하길 자바스크립트의 document.getElementById('aaaa') 표현을

제이쿼리를 쓰면$('#aaaa') 이렇게 짧게 된다고 하는데요

그렇다면 왜 2번은 실행이 되지 않는것일까요?

자바스크립트의 경우 css 표현식이 다른가요??

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

.css('top','250px') 는 제이쿼리에서 지원하는 함수입니다.

제이쿼리를 이용하지 않고 작성하실려면 

document.getElementById('aaaa').style.top = "250px";

document.getElementById('aaaa').style.height= "90px";

로 하셔야 합니다. 

답변에 대한 댓글 1개

2016-08-22 (월) 16:09:31
친절한 답변 고맙습니다^^ 오늘도 하나 배우고 가네요~~

답변을 작성하려면 로그인이 필요합니다.