목록toggleClass (2)
DevSSOM
Class 이벤트 HTML 문서에서 특정 태그가 어떤 클래스를 가지고 있는지, 특정 클래스를 가지고 있다면 그 클래스를 제거하거나, 특정 클래스를 가지고 있지 않다면, 새로운 클래스를 붙이거나 할 때 다음의 제이쿼리 이벤트들을 활용함. $("h1").addClass(); // 대상에 괄호 안 클래스 추가 $("h1").removeClass(); // 대상에 괄호 안 클래스 제거 $("h1").toggleClass(); // addClass와 removeClass 둘 다 $("h1").hasClass(); // 대상에 괄호 안 클래스 있는지 확인 실습문제 Blue Font Red Font Add Class Remove Class Has Class css 파일엔 이미 blue와 important를 만들어뒀음..
this this는 어느 특정 영역에 이벤트를 적용할 때, 실제 이벤트가 발생되는 선택된 영역을 의미. this를 잘 못 쓰면 코드 길이가 엄청나게 늘어날 수 있기 때문에 굉장히 중요해. 그림과 같이 3개의 박스가 주어짐. 이때 "맨 위에 있는 첫 번째 박스를 클릭하면, 첫 번째 박스만 색깔이 바뀌었으면 좋겠다" 라고 할 때 this를 사용. 즉, 특정 이벤트 영역을 지정할 때 사용하는 게 this. // 3개의 박스에 favorites_icon이라고 하는 클래스 이름을 지어줌 // 그리고, 3개의 박스들은 $favorites_icon 이라고 하는 변수 안에 넣어줌. var $favorites_icon = $(".favorites_icon"); // 내가 지정한 박스만 색상을 바꾸고 싶을 때 $favor..