jQuery 연습 메뉴 펼치기 / 접기 아이콘 변경 addClass / removeClass / hasClass / if문 홈페이지 같은 데서 흔히 보이는... 리스트에 아이콘을 넣어서 메뉴를 펼치면 아이콘이나 스타일이 변하고 어쩌고 저쩌고... 그런 리스트를 만들고 싶었다. 간단해 보였는데... 처음에는 slideToggle(), toggleClass() 이 두 개로 뻘짓하다가 이건 뭔가 아니다 싶었다. 그 위치에 있는 요소를 바꿔치기 하고 싶은 거라 원래 있던 클래스는 없애고 새로운 클래스를 넣어줘야 했고, 슬라이드 옵션과 스타일 바꾸기를 동시에 구현, 그리고 클릭할 때마다 이벤트가 발생해야 됐다. 무작정 저기다 클래스를 넣는다고 능사가 아니더라(당연하지만...). 그래서 다른 방법을 찾아보았다. C..
태그가 들어간 요소를 누를 때마다 화면 번쩍번쩍 새로고침 되는 게 열 받아서 스크립트를 찾아봤다. 나한테 필요해서 박제해둔다. $('a').click(function(e) { e.preventDefault(); }); 잠시 헤맨 게 어이없을 정도로 아주 초간단...😉 웹디자인기능사 시험의 영향으로 이미지건 뭐건 일단 a 태그부터 박고 보는 버릇이 생겼는데, 여러모로 찾아보니까 그게 꼭 필수는 아닌 것 같다. 오히려 불필요하게 남발된 a 태그가 웹페이지 동작에 불편함을 주기도 하고 코딩도 복잡해지고... 아무 생각 없이 넣다가도 이게 왜 필요하지? 싶을 때가 많았다. 그래도 아직까진 태그 넣고 보는 게 권장사항인가? 몰겠다..... 언젠간 알게 되겠지
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Total
- Today
- Yesterday
- html
- jQeury
- border
- if문
- 구구단
- 사이트추천
- 웹디자인기능사실기
- slideToggle
- 첫글
- switch
- box-shadow
- input
- css
- jquery
- hammy
- 자격증
- 객체정렬
- Class
- float
- a
- JavaScript
- object
- 3단메뉴
- 웹디자인기능사
- Gradient