moonday

메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 내용1 내용2 내용3 내용4 내용5 내용6 내용7 내용8 더보기 쌤코드 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 메뉴10 메뉴11 메뉴12 박스1 박스2 박스3 박스4 박스5 박스6 박스7 박스8 박스9 박스10 박스11 박스12

- each() : 요소들 각각을 불러오는 메소드 - each(function(){}): 요소들을 각각 불러와 함수 안에 있는 코드를 실행 1 2 3 체크박스 선택을 최대3개까지만 가능하도록 제한하는 예제 농구 야구 축구 볼링 태권도 테니스 수구 더보기 농구 야구 축구 볼링 태권도 테니스 수구 typeof 이해할때 참고하기 : https://www.codingfactory.net/10288

롤링예제(가로) 박스1 박스2 박스3 박스4

rolling.js => 롤링기능 모아놓은 파일 function rollingTop(list, listItem, marginTop, animateTime, intervalTime){ var id = setInterval(function(){ if(!$(list + ' ' + listItem).first().is(':animated')){ //가아니면 $(list + ' ' + listItem).first() .animate({'margin-top':marginTop+'px'},animateTime,function(){ $(this).detach().appendTo(list).removeAttr('style'); }) } },intervalTime) return id; } function rollingLe..

- scroll() : 요소에 마우스 스크롤을 할 떄 발생하는 이벤트 - scrollTop() : y축 방향으로 스크롤의 위치 - scrollLeft() : x축 방향으로 스크롤의 위치

- detach() : 요소를 뗀다(속성과 이벤트 정보를 유지) - 요소를 떼기만하면 제거랑 같은기능(remove) - 보통은 요소를 떼서 다른 곳에 붙일 때 사용 - is('') : ~인지 아닌지 확인하여 ~이면 true, 아니면 false 반환 - :animated, : checked, :eq(1) 을 보통 함께 사용해서 같이쓰는 것들의 상태를 확인 - 마우스를 요소 위에 댔을 때와 벗어났을 때 같은 함수를 실행 hover(function(){ }) - 마우스를 요소 위에 댔을 때와 벗어났을 때 다른 함수를 실행 hover(function(){ //마우스를 요소 위에 댔을 때 }, function(){ }) //마우스가 요소 위에서 벗어났을 때 - removeAttr('속성명'): 해당 속성값을 삭제..

질문추가 질문1 더보기 쌤코드 질문추가 질문1 문자와 문자열 자체의 시작숫자는 1이지만, substr과 index와 같이 문자나 문자열을 다룰 때, 시작 번지가 0번지부터라서 유의 substr(num) => num번째 이후부터 끝까지 잘라낸다 substr(num1,num2) => num1번째 이후(num1+1)부터 num2개를 자름 indexOf('문자1')=> 문자1이 위치한 번지수를 (0번지-첫글자)알려주고 없으면 -1을 반환 이름이아주 더럽게 지어졌다. 질문추가 질문1 서브질문추가 질문1-2 더보기 쌤코드 메인 질문추가 질문1 서브 질문추가 질문1-1

- 필터 : 요소들 중 원하는 요소를 찾을 때 사용 - first() : 요소들 중 첫번째 요소 - last() : 요소들 중 마지막 요소 - eq(n) : n+1번째 요소 - filter('선택자') : 요소들 중 선택자와 일치하는 요소 - not('선택자') : 요소들 중 선택자와 일치하지 않는 요소 - 탐색 : 요소의 조상/형제/자손 요소를 찾을 때 사용 - is('상태') : 상태이면 true, 아니면 false를 알려줌 더보기 eq() filter() is() first() last() 첫번째 두번째 세번째 4번째

- siblings() : 모든 형제 요소들을 선택(본인 제외) - siblings('선택자') : 형제 요소들 중 선택자와 일치하는 요소 선택 - next()/prev(): 다음/이전 형제 요소 - nextAll()/prevAll() : 다음/이전 형제 요소들 - nextAll('선택자')/prevAll('선택자'): 다음/이전 형제 요소들 중 선택자와 일치하는 요소들을 선택 - nextUntil('선택자')/prevUntil('선택자') : 다음 요소들 중 선택자와 일치하는 요소 전까지 요소들을 선텍 1 2 3 4 5 6