JQUERY
[jQuery] 튜토리얼
WEB'S
2018. 9. 25. 14:29
제이쿼리 튜토리얼
제이쿼리 튜토리얼입니다.
제이쿼리
구분 |
강의 섹션 |
페이지 |
유튜브 |
제이쿼리 |
자바스크립트 |
|
|
제이쿼리 기본 |
제이쿼리 기본 |
|
|
선택자 |
기본 선택자 |
|
|
계층 선택자 |
|
|
속성 선택자 |
|
|
기본 필터 선택자 |
|
|
내용 필터 선택자 |
|
|
보임 필터 선택자 |
|
|
자식 요소 필터 선택자 |
|
|
폼 요소 필터 선택자 |
|
|
탐색 |
트리구조 |
.children() |
|
|
.closest() |
|
|
.find() |
|
|
.next() |
|
|
.nextAll() |
|
|
.nextUntil() |
|
|
.parent() |
|
|
.parents() |
|
|
.parents() |
|
|
.prev() |
|
|
.prevAll() |
|
|
.prevUntil() |
|
|
.siblings() |
|
|
필터링 |
.eq() |
|
|
.filter() |
|
|
.first() |
|
|
.has() |
|
|
.is() |
|
|
.last() |
|
|
.map() |
|
|
.not() |
|
|
.slice() |
|
|
기타 |
.add() |
|
|
.addBack() |
|
|
.contents() |
|
|
.each() |
|
|
.end() |
|
|
속성 |
Attributes |
.attr() |
|
|
.prop() |
|
|
.removeAttr() |
|
|
.removeProp() |
|
|
.val() |
|
|
CSS |
.addClass() |
|
|
.css() |
|
|
.hasClass() |
|
|
.removeClass() |
|
|
.toggleClass() |
|
|
Dimensions |
.height() |
|
|
.innerHeight() |
|
|
.innerWidth() |
|
|
.outerHeight() |
|
|
.outerWidth() |
|
|
.width() |
|
|
offset |
.offset() |
|
|
.offsetParent() |
|
|
.position() |
|
|
.scrollLeft() |
|
|
.scrollTop() |
|
|
Data |
.data() |
|
|
.removeData() |
|
|
변경 |
DOM Insertion |
.wrap() |
|
|
.wrapAll() |
|
|
.wrapInner() |
|
|
.append() |
|
|
.appendTo() |
|
|
.html() |
|
|
.prepend() |
|
|
.prependTo() |
|
|
.text() |
|
|
.after() |
|
|
.before() |
|
|
.insertAfter() |
|
|
.insertBefore() |
|
|
DOM Removal |
.detach() |
|
|
.empty() |
|
|
.remove() |
|
|
.unwrap() |
|
|
DOM Replacement |
.clone() |
|
|
.replaceAll() |
|
|
.replaceWith() |
|
|
효과 |
Basic |
.hide() |
|
|
.show() |
|
|
.toggle() |
|
|
Fading |
.fadeIn() |
|
|
.fadeOut() |
|
|
.fadeTo() |
|
|
.fadeToggle() |
|
|
Sliding |
.slideDown() |
|
|
.slideToggle() |
|
|
.slideUp() |
|
|
Custom |
.animate() |
|
|
.clearQueue() |
|
|
.delay() |
|
|
.dequeue() |
|
|
.finish() |
|
|
.queue() |
|
|
.stop() |
|
|