jquery 반복문을 쓰고 싶어요!!
이퓨리한나
2023.04.01
이제서야 늦깍이로 웹디자인 입문한 초짜입니다! 잘부탁드려요!
예전에 어설프게 C++을 배운 지식으로 jQuery반복문을 써볼려했더니 브라우져가 콧방귀만 뀌네요 ㅠㅠ
단순하게 ulli*4 에서 한줄씩 내려오면서fadeIn 효과를차례대로 주고 싶은데요...
$(ul li:nth-child(1)).delay(500).fadeIn(1000); $(ul li:nth-child(2)).delay(1000).fadeIn(1000); $(ul li:nth-child(3)).delay(1500).fadeIn(1000); $(ul li:nth-child(4)).delay(2000).fadeIn(1000);
이런식으로 구현이 되긴하는거 같은데 ㅠㅠ
for문을 이용해서
for(i=1; i5; i++){$(ul li:nth-child(i).delay(i*500).fadeIn(1000);}
i 반복문 네 번 돌리고 nth-child()메소드에 i를 입력해서 li 칸마다 선택하고 딜레이 i * 1000만큼 증가시키면서 fadeIn...한줄마다 촤르륵 fadeIn시켜보려했지만 그것은 꿈이었네요 ㅠㅠnth-child나 eq 선택자 둘 다 for문을 통한 변수를 입력받지 못해서 실패한 것인가요?
그래서 +li 선택자와 this로 풀어나가보려했는데 도무지 그림이 그려지질 않네요...
어떤 접근 방식이 일반적이고 상식적인지 좀 알려주세요 부탁드립니다 흑흑
