02장 셀렉터 표현식
CSS 셀렉터
- Element (T)
- ID (#myid)
- class (.myclass)
- E F 하위 엘리먼트
- E > F => 자식 엘리먼트
- E + F => 이웃 엘리먼트
- E ~ F => 형제 엘리먼트
- E, F, G => 다중 표현식
- :nth-child(n/even/odd/expr) => 순차 자식 표현식
- :first-child => 첫 번째 자식 표현식
- :last-child => 마지막 자식 표현식
- :only-child => 유일한 자식 표현식
- :not(E) => 부정 표현식
- :empty => Empty 표현식
- * => 전체 선택 표현식
속성 셀렉터
- [foo] => 속성 표현식
- [foo=bar] => 속성값 표현식
- [foo!=bar] => 값이 일치하지 않는 속성
- [foo^=bar] => 속성값 시작 단어 일치 여부 표현식
- [foo$=bar] => 속성값 종료 단어 일치 여부 표현식
- [foo*=bar] => 속성값 포함 여부 표현식
- [foo~=bar] => 단어를 포함하는 속성 표현식
- [foo|=bar] => 머리글을 포함하는 속성 표현식
폼 셀렉터
사용자정의 셀렉터
- :eq(n) => 인덱스 기반 선택 셀렉터
- :gt(n) => ~보다 큰 표현식
- :lt(n) => ~보다 작은 표현식
- :first => 첫 번째 엘리먼트 표현식
- :last => 마지막 엘리먼트 표현식
- :even => 짝수 엘리먼트 표현식
- :odd => 홀수 엘리먼트 표현식
- :parent => 부모 엘리먼트 여부 표현식
- :contains(text) => 텍스트 포함 표현식
- :has(E) => 엘리먼트 포함 표현식
- :visible => 가시성 상태 표현식
- :hidden => 감춤 상태 표현식
- :header => 헤더 표현식
- :animated => 애니메이션 동작 상태 표현식
- :focus => 포커스 엘리먼트
03장 DOM 탐색 메서드
jQuery 메서드
- $()
필터링 메서드
- .filter()
- .not()
- .has()
- .eq()
- .first()
- .last()
- .slice()
트리 탐색 메서드
- .find()
- .children()
- .parents()
- .parentsUntil()
- .parent()
- .closest()
- .offsetParent()
- .siblings
- .prev()
- .prevAll()
- .prevUntil()
- .next()
- .nextAll()
- .nextUntil()
기타 탐색 메서드
- .add()
- .is()
- .end()
- .andSelf()
- .map()
04장 DOM 처리 메서드
기본 속성
- .attr() (접근자)
- .attr(설정자)
- .removeAttr()
- .prop() (접근자)
- .prop() (설정자)
- .removeProp()
스타일 프로퍼티
- .css() (접근자)
- .css (설정자)
- .height() (접근자)
- .height() (설정자)
- .innerHeight()
- .outerHeight()
- .width() (접근자)
- . width() (설정자)
- .innerWidth()
- .outerWidth()
- .offset(접근자)
- .offset() (설정자)
- .position()
- .scrollTop() (접근자)
- .scrollTop() (설정자)
- .scrollLeft() (접근자)
- .scrollLeft() (설정자)
클래스 속성
- .hasClass()
- .addClass()
- .removeClass()
- .toggleClass()
DOM 대체
- .html() (접근자)
- .html() (설정자)
- .text() (접근자)
- .text() (설정자)
- .val() (접근자)
- .val() (설정자)
- .replaceWith()
- .replaceAll()
DOM 내부 삽입 메서드
- .prepend()
- .prependTo()
- .append()
- .appendTo()
DOM 외부 삽입 메서드
- .before()
- .insertBefore()
- .after()
- .insertAfter()
DOM 주변 삽입 메서드
- .wrap()
- .wrapAll()
- .wrapInner()
DOM 복사 메서드
- .clone()
DOM 제거 메서드
- .empty()
- .remove()
- .detach()
- .unwrap()
05장 이벤트 메서드
이벤트 핸들러 추가
- .bind()
- .unbind()
- .one()
- .trigger()
- .triggerHandler()
- .live()
- .die()
- .delegate()
- .undelegate()
문서 로딩
- .ready()
- jQuery.holdReady()
- .load()
- .unload()
- .error()
마우스 이벤트
- .mousedown()
- .mouseup()
- .click()
- .dblclick()
- .toggle()
- .mouseover()
- .mouseout()
- .mouseenter()
- .mouseleave()
- .hover()
- .mousemove();
폼 엘리먼트
- .focus()
- .blur()
- .change()
- .select()
- .submit()
키보드 이벤트
- .keydown()
- .keypress()
- .keyup()
브라우저 이벤트
- .resize()
- .scroll()
06장 이펙트 메서드
기본 이펙트 메서드
- .show()
- .hide()
- .toggle()
- .slideDown()
- .slideUp()
- .slideToggle()
- .fadeIn()
- .fadeOut()
- fadeTo()
- .fadeToggle()
사용자 효과
- .animate()
- .stop()
- .delay()
- .queue()
- .dequeue()
- .clearQueue()
- jQuery.fx.interval
07장 AJAX 메서드
저수준 인터페이스
- $.ajax()
- $.ajaxSetup()
간편 메서드
- $.get()
- .load()
- $.post()
- $.getJSON()
- $.getScript()
전역 AJAX 이벤트 핸들러
- .ajaxComplete()
- .ajaxError()
- .ajaxSend()
- .ajaxStart()
- .ajaxStop()
- .ajaxSuccess()
- jQuery.ajaxPrefilter()
지연 객체 (Deferred Object)
- deferred.done()
- deferred.fail()
- deferred.isRejected()
- deferred.isResolved()
- deferred.promise()
- deferred.reject()
- deferred.rejectWith()
- deferred.resolve()
- deferred.resolveWith()
- deferred.then()
- deferred.always()
- jQuery.when()
도우미 메서드
- .serialize()
- .serializeArray()
- jQuery.parseJSON()
- jQuery.parseXML()
08장 기타 메서드
설정 메서드
- $.noConflict()
DOM 엘리먼트 메서드.
- .size()
- .get()
- .index()
컬렉션 처리 메서드
- .each()
- $.grep()
- $.makeArray()
- $.inArray()
- $.map()
- $.merge()
- $.unique()
- $.extend()
- $.trim()
- $.param()
객체 타입 확인 메서드
- $.isArray()
- $.isFunction()
- $.isPlainObject()
- $.isEmptyObject()
- $.isXMLDoc()
데이터 관리 메서드
- .data()
- .removeData()
- jQuery.hasData()
에러 처리 메서드
- jQuery.error()
- jQuery.isWindow()
- jQuery.now()
- jQuery.type()
- jQuery.sub()
09장 jQuery 프로퍼티
전역 프로퍼티
- $.browser
- $.support
jQuery 객체 관련 프로퍼티
- .length
- .selector
- .context
- jQuery.cssHooks
첫댓글 $(this).get(0).tagName -> 태그 이름 INPUT
$(this).attr("type") == "checkbox"
attr 로 type 속성을 조회하여, 객체 형식을 알 수 있다.
jquery 메소드 중 attr은 html 태그의 속성을.. prop는 객체의 속성을