항상 말하든 Jquery는 javascript라이브러리 이자 보다 편하고 짧은 코드로 강력한 기능을 구현할수 있는 라이브러리 입니다. 저도 jquery 자주 활용을 합니다.
오늘은 간단하고 기본적인 Tabmenu를 만들어보아요.
jquery 쓰기 위해서는 jquery script 삽입을 해줘야되는데 저는 jquery cdn 사용합니다
참조 사이트 입니다
https://developers.google.com/speed/libraries#jquery
Hosted Libraries | Google Developers
A stable, reliable, high-speed, globally available content distribution network for the most popular open-source JavaScript libraries.
developers.google.com
일단 저는 html css 생략하고 jquery 문법으로 tab-menu 만들어 볼껀데요.
여기서 idx라는 값을 구해서 각각에 순서를 구해서 만드는 tab-menu 입니다!
자 한번 해봐요!
codepen
See the Pen javascript by 유국현 (@yoogukhyeon) on CodePen.
jquery 라이브러리로 이용한 tab-menu를 만들어 봤습니다!
'Jquery' 카테고리의 다른 글
| HTML 동적 콘텐츠 제이쿼리로 다루기 (3) | 2024.08.29 |
|---|---|
| 요즘 많이 쓰이는 gnb floating 을 만들어봐요 (7) | 2021.08.04 |
| 오늘은 floating 만들어봐요! (10) | 2021.07.23 |
| 오늘은 go-Top 만들어봐요 (10) | 2021.07.22 |
| Jquery 기본문법을 알아봐요! (10) | 2021.07.20 |