addClass()

오늘은 jquery addClass를 배우려고 합니다.

jquery 홈페이지에는 아래와 같이 정의가 되어져 있습니다.

Adds the specified class(es) to each element in the set of matched elements.

음... 항상 영어는 어렵습니다. 대충 이해를 하려면 특별한 클래스를 각각의 매치되는 요소에 설정해준다? 정도 되는 것 같습니다.

• addClass(ClassName) version 1.0
• addClass(function) version 1.4 

자세한 내용은 예제를 통해서 알아보죠. 

1.0 에서 도입한 addClass는 생각보다 쉽습니다. 예를들어 아래와 같다면

<div id="test"></div>

$(#"test").addClass("클래스이름"); 

와 같이 사용하면 해당 클래스를 가 id가 test에 "클래스이름"이 적용되게 됩니다.

1.4에서 도입한 addClass는 저도 몰랐습니다. 이 맛에 jquery를 다시 공부하는 것이겠지요.

무엇인가 조건을 주어서 클래스를 적용하고 싶으면 아래와 같이 사용하면 좋을 것 같습니다.

$(#"test").addClass(function (index, currentClass){

  var testClass;

  if(currentClass =="이게맞어"){

addClass ="이것이 맞어";

       $(#"test").addClass("새로운클래스");

  }

}

처음에 블로그를 시작한 이유가 제가 자주 실수하는 것을 정리해서 다음에 쉽게 찾을 생각으로 시작했습니다. 

막상 블로그를 하다 보니 블로그 수익성에 욕심이 생겼는데 개발자 블로그 하려고 하다보니 생각보다 사람들이 많이 오지 않습니다. 수익성이 많이 떨어지죠. 다른 개발자 블로그 분들 또한 소통/수익성 보다는 개인적으로 스스로 생각을 정리하는 것으로 느꼈습니다. 굳이 수익성을 생각을 한다면 정말로 내공이 높은 분들이 블로그 글을 모아서 책을 쓰는 정도 이거나 컴퓨터 관련 학원 블로그가 많았던 것 같습니다.

하이튼 아직 실력이 많이 부족한 개발자인 저로써는 꾸준히 jquery 홈페이지 api글을 보고 공부하고 정리해서 제 블로그에 올릴 생각입니다.

혹시 도대체 이게 뭐야? 라고 보인다면 그냥.. 잘보고 갑니다.라고 글을 써주셔도 됩니다. 물론 틀린것이 있으면 알려주시고요

즐거운 하루 보내세요^^