본문 바로가기

addClass2

[jQuery] 클릭 시 클래스 추가/제거 #jQuery #addClass #removeClass #hasClass #ifelse 안녕하세요. Gi_1입니다. 실무에서 많이 쓰는, 클릭 시 클래스 추가/제거 방법입니다. 저번 포스팅에서는 자바스크립트로 클릭 시 클래스 추가/제거를 포스팅 하였는데.. https://gi-1.tistory.com/16 [자바스크립트] 클릭시 클래스 추가/제거 #javascript #toggle #click #classList #add #remove 안녕하세요 Gi_1입니다. 오늘은 제가 가장 많이 사용했던 클릭 시 클래스 제거/추가를 작성해보고자 합니다. 사실 업무를 할 때는 제이쿼리로 사용 했지만,. gi-1.tistory.com 사실, 간단히 기능만 구현 하자면 제이쿼리가 훨씬 코드가 짧고 간단합니다. 그럼에도 .. 2022. 1. 30.
a태그의 href 속성 필터, 클래스 추가 #jquery #location_addClass 안녕하세요 Gi-1 입니다. 홈페이지를 만들다 보면, 서브페이지에 접속 하였을 때 네비바 안의 해당 태그에 클래스명을 추가하는 경우가 많은데요! 페이지별 a태그의 href 속성이 페이지 주소에 포함된다면, 클래스를 추가하는 제이쿼리입니다. 입사하고 1년동안 정말 많이 썼던 코드인거 같네요! 별도로 하단에는, 홈페이지 주소에 따라서 수동으로 클래스명을 추가하는 방법도 올려봅니다. 예제 서브페이지의 "공지사항"에 접속한 상황입니다. 이미 공지사항에 접속해 있다는 것을 사용자에게 알려주기 위해서 공지사항이라 큰 타이틀이 써져있고, 리스트에서 공지사항에만 초록색 밑줄이 그어져 있는걸 확인할 수 있습니다. "복지뉴스"에 접속하면 공지사항에 있는 밑줄은 사라지고, 복.. 2022. 1. 19.