jquery를 이용한 css값 변경하기

예전엔 자바스크립트로 하던 작업을

 

이제는 제이쿼리에서 너무나 쉽게 구현할 수 있죠

 

자바스크립트의 복잡한 코딩을 제이쿼리는

 

단 몇줄만으로 구현 할수 있게 된거죠

 

 

 

그중 자주 쓰이고 많이 쓰이는 구문중 하나가

 

제이쿼리를 이용해서 css값을 변경하는거죠

 

 

그냥 생각나는대로 작성해보겠습니다.

 

가령 아래와 같은 html 구문이 있다고 가졍해보겠습니다.

 

 

<div id="aa" style="width:100%;display:none">

~~

~~

</div>

 

위와 같은 div가 있을때 현재 속성이 숨겨진 상태이죠

 

이걸 제이쿼리 구문을 이용해서 보이게 하는거죠

 

 

 

1. 자바스크립트를 이용한방법은

 

docuemnt.getElementById("aa").style.display="block";

 

이런 구문이 되겠죠..

 

 

 

2. 제이쿼리를 이용한 방법은

 

$("#aa").css("display", "block");

 

 

 

이제 개발에 입문하셨더라도 위 구문만 보면

 

대략 어떤구문인지 알수 있을겁니다.

 

 

 

제가 비교를 하기 위해서 자바스크립트와 제이쿼리를 이용한

 

예제를 보여드렸는데 어떤가요??

 

 

분명히 제이쿼리가 자바스크립트보다 간단하고

 

사용하기 편하다는걸 아실 수 있을 겁니다.

 

자바스크립트도 불편하지 않게 구현은 가능하지만

 

제이쿼리는 보다 쉽고 간결하게 작성 가능하십니다.

 

 

정답은 없지만  제 생각에는 자바스크립트보다는

 

제이쿼리를 이용해서 코딩하시는게 훨씬 더 효과적이지

 

않을까 생각해 봅니다.

 

판단은 여러분의 몫입니다.