Day91 - [Jquery]innerHTML, 클래스제어

이번에는 innerHTML, 클래스 제어 에 대해서 알아 봅시다.

 

innerHTML

java script 에서 innerHTML 은 태그 사이에 있는 값 이죠?

Jquery 는 어떻게 태그 사이에 있는 값을 접근 할까요?

바로 html 함수를 사용해주면 됩니다. 데이터를 변경하고 싶다면, () 안에 데이터를 넣어주면 됩니다

그리고, jquery 에서는 순수 문자열로 데이터를 넣을 수도 있습니다.

이렇게, 태그가 생기지 않고, 순수 문자열로 삽입 됩니다.

 

클래스 제어

클래스 제어는 , class 속성에 있는 값을 추가 , 삭제 하는 방법 입니다.

 

java script 와 비교하면서 알아 봅시다.

 

클래스 추가

-java script-

-jquery-

클래스 제거

-java script-

-jquery-

토글

토글은, 특정 버튼을 클릭 했을 때, 추가, 삭제 가 번갈아 가면서 일어나는 방법 입니다.

 

-java script-

-jquery-

※ jquery 를 사용해 이벤트를 만드는 방법은 아직 안배웠기 때문에, java script 를 사용했습니다.

 

java script 와 jquery 를 혼용해서 사용하기도 하는데, 유지 보수 할 때는 혼용한 코드가 별로 좋지 않다고 합니다.

 

그래서, java script 와 jquery 를 혼용해서 쓰는 건 지양하시기 바랍니다. ( 어쩔 수 없는 건 혼용 )