반응형 SMALL JavaScript3 반응형 LIST jquery each() jQuery의 반복문 each() 여러개의 태그를 select() 함수를 이용해 동시에 속성을 지정한다거나 지우거나 복사하거나 하는 등 한번에 처리를 해야할 때가 있으나, 선택한 태그들을가지고 하나하나 처리를 해야할 때 사용하는 반복문 함수입니다. 이번 실습에서는 성적표를 가지고, 각각의 점수를 합하고 평균을 구하는 구분을 each()문을 이용해서 해보도록 하겠습니다. 한사람씩 그리고 과목하나하나의 점수씩 계산이 필요하므로 이중 each()문을 이용해서 구하는 방법입니다. * find() : 현재위치의 태그 하위에 있는 태그를 검색할 때 사용하는 함수 입니다. * length : jQuery를 이용해 선택한 태그들의 갯수를 구할 때 사용하는 속성 입니다. * Math.round : javascript 기.. 2017. 12. 16. jquery click() jQuery 기초 click() 실습 두개의 박스중 왼쪽 박스에있는 문장을 클릭하면 파란색 텍스트로 변하고 오른쪽 박스에 있는 문장을 클릭하면 빨간색 텍스트로 변하도록 클래스를 적용하도록 하겠습니다. click() 함수를 이용해 각 문장에 이벤트를 설정하는 방법 입니다. 첫번째 영역 div 태그의 span 태그 첫번째 입니다. 첫번째 영역 div 태그의 span 태그 두번째 입니다. 첫번째 영역 div 태그의 span 태그 세번째 입니다. 첫번째 영역 div 태그의 span 태그 네번째 입니다. 첫번째 영역 div 태그의 span 태그 다섯번째 입니다. 첫번째 영역 div 태그의 span 태그 여섯번째 입니다. 첫번째 영역 div 태그의 span 태그 일곱번째 입니다. 첫번째 영역 div 태그의 span.. 2017. 12. 13. jquery hide() show() jQuery 기초 hide() show() 실습 태그를 숨기고 hide() , 보이게하는 show() 함수를 활용해보려고 합니다. 일반적으로 그냥 깜빡사라지고 나타나기도 하고 속도를 지정해 펼쳐지며 사라지고 나타나는 설정도 할수가 있는데요 hide() : 사라지기 hide(1000) : 1초동안 사라지기 show() : 나타나기 hide(300) : 0.3동안 나타나기 사용을 해보며 속도 조절도 설정해서 실습을 해보았습니다.^^ 숨기기 hide() 보이기 show() 빠르게(최소0.1초) 느리게(최대3초) 현재속도 : 100 2017. 12. 12. 이전 1 다음
