moonday

질문추가 질문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

- children() : 자식요소들을 선택 - children('선택자') : 자식 요소 중 선택자와 일치하는 요소를 선택 - find('선택자') : 자손 요소 중 선택자와 일치하는 요소를 선택 box inner-box ul li 메뉴1 inner-box ul li 메뉴1

- parent() : 부모 요소를 선택 - parents() : 조상 요소를 선택(부모 요소도 포함) - parents('선택자') : 조상 요소들 중 선택자에 맞는 요소들을 선택 - parentsUntul('선택자') : 부모부터 시작해서 선택자와 일치하는 조상요소 전까지의 조상요소들을 선택(선택자와 일치하는 요소는 제외) box inner-box ul li 메뉴1

- width()/height() : 컨텐츠의 가로/세로 길이 - innerWidth()/innerHeight() : 컨텐츠와 패딩을 합친 가로/세로 길이 - outerWidth()/outerHeight() : 컨텐츠와 패딩과 테두리를 합친 가로/세로 길이 - outerWidth(true)/outerHeight(true) : 컨텐츠와 패딩과 테두리와 마진을 합친 가로/세로 길이 - width(숫자)/height(숫자) : 컨텐츠의 가로/세로 길이를 설정

- css('속성명') : 해당 요소의 속성 정보값을 가져옴 - css('속성명','값') : 해당 요소의 속성 정보를 변경 - css({'속성명':'값', '속성명':'값'}) : 해당요소의 여러 속성 정보를 변경

preventDefault: 태그들의 각 기본 이벤트들을 막는다(url뒤에 #안붙음) 메뉴1 메뉴2 메뉴3 data, data-target 없는속성 관리편하게하기위해 만듬 $('.selected').removeClass('selected').next().addClass('selected').click(); => $('selected').click(); 한줄 더 써야할 걸 뒤에다가 붙였음 메뉴1 메뉴2 메뉴3 메뉴4 내용1 내용2 내용3 내용4

클래스메소드라서 메소드 뒤의 ()괄호안에 매개변수는 . 을 붙이지않아도 됨 - addClass('클래스1 클래스2') : 클래스1과 클래스2를 추가 - removeClass('클래스1 클래스2') : 클래스1과 클래스2를 제거 - toogleClass('클래스1 클래스2') : 클래스1이 있으면 제거, 없으면 추가/ 클래스2가 있으면 제거, 없으면 추가 - hasClass('클래스') : 해당 클래스가 있으면 true, 없으면 false

- 요소 제거(본인포함인지 아닌지가 다름) - remove : 요소를 포함하여 자손요소들까지 같이 제거 - empty : 요소를 제외하고 자손 요소들을 제거 remove empty