알지오 평생교육원 제이쿼리 강좌입니다.
전문가들이 뽑은 꼭 배워야하는 실무활용 강의
그동안 찾던 제이쿼리 강좌의 완전판 !
여러분의 마지막 강의가 되어드리겠습니다.
알지오에서는 PC와 스마트폰, 태블릿을 이용해서 언제,
어디서나 공부를 할 수 있습니다.
열심히 공부해서 제이쿼리 강좌를 마스터해보세요.
<제이쿼리 강좌 샘플동영상>
<제이쿼리 강좌 리뷰>
혼자서 공부하기 편한 사람들은 보통 책으로 공부를 잘 하더라고요.
그런데 저는 책으로 혼자 공부하는게 정말 이해도 안 되고 힘들더라고요.
알지오에서 제이쿼리를 배우기 전에 책으로 공부 해봤는데
반도 못 보고 포기했었어요.
그런데 알지오 제이쿼리 강의는
강사님이 수강생을 배려하는 것 같은 느낌을 받았어요.
초보자도 수강할 수 있게 설명도 잘 해주시고
어렵지 않게 설명해 주시더라고요.
강사님이 알려주시는 내용을 직접 보고 따라 할 수 있다는게
제게 많은 도움이 되었습니다.
혼자 공부하기 어렵고 학원가기 부담스러운 분들에게 추천합니다.
제이쿼리 강좌 정보입니다. 추천 인터넷 강의 : 알지오
- 01.23분 절대퀄리티 Jquery 입문과정 - Chapter 1
책갈피 : [00:03] Jquery/[00:42] 예제 Jquery/[01:34] Jquery 다운로드/[01:53] 버젼확인/[02:39] 서버CDN서버 사용하기/[02:54] 예제보기/[03:39] 다운로드중 알아야할것/[04:14] 사이트 주석처리/[04:36] Type선언이 않되어있는 이유/[05:19] Jquery파일 업로드/[05:21] Jquert-ver-min.js/[06:02] 사용할 내용 호출/[06:06] 꿀팁/[06:14] 호출된 내용 기능/[06:19] 꿀팁/[06:23] 함수설명/[06:27] 꿀팁/[06:39] 실행결과 확인/[06:53] 결과에 대한 설명/[07:05] Hide함수/[07:33] 설정변경 후 결과/[07:52] //로 주석처리/[08:14] #으로 아이디명/[08:37] 실행결과 확인/[08:47] 설정변경 후 결과/[09:06] .wkk 으로 지정/[09:21] 설정변경 후 결과/[09:36] "*"으로 지정/[09:48] 실행결과 확인/[10:02] this 지정/[10:18] 실행결과 확인/[10:31] span,keid 지정/[11:25] 실행결과 확인/[11:46] 따옴표 사용설명/[13:11] span태그 요소/[13:55] ("ul li:frist").hide()/[14:01] 꿀팁/[14:16] 실행결과 확인/[14:36] Ul목록이 2개 일때/[15:04] 꿀팁/[15:11] ("ul li:frist-child")/[15:22] 실행결과 확인/[15:37] ("[href]").hide()/[15:39] 꿀팁/[15:59] 실행결과 확인/[16:21] ("a[target='_blank']")/[16:55] 실행결과 확인/[17:02] 지정값 변경/[17:14] 실행결과 확인/[17:27] 변경되지 않은 이유/[17:57] 느낌표(!) 지정후/[18:21] 꿀팁/[18:27] (";button").hide()/[18:45] 실행결과 확인/[19:22] button 요소 설명/[20:14] 꿀팁/[20:20] (tr:even")/[20:24] 꿀팁/[20:50] 꿀팁/[20:54] 실행결과 확인/[21:24] 짝수관련내용/[21:40] 관련함수제거/[21:45] 짝수관련 내용 확인/[22:22] 이벤트방법/[22:47] 해당요소 클릭
- 02.31분 절대퀄리티 Jquery 입문과정 - Chapter 2
책갈피 : [00:00] 꿀팁/[00:05] Document/[00:25] 꿀팁/[00:29] Click 메소드사용/[00:33] 꿀팁/[00:55] 실행결과 확인/[00:44] Span을 태그로 변경/[00:52] 실행결과 확인/[01:30] 꿀팁/[01:32] Click를 dbclick로 변경/[01:41] 새로고침 실행결과확인/[01:50] Mouseenter 함수 hide/[01:56] 꿀팁/[02:15] 실행결과 확인/[02:25] P값을 kek로 변경/[02:40] 실행결과 확인/[03:06] Alert("ok!!!") 함수/[03:20] 실행결과 확인/[03:31] 설정변경/[03:34] 꿀팁/[04:02] 실행결과 확인/[04:31] 꿀팁/[04:35] Mousedown 함수/[04:40] 꿀팁/[04:44] Mouseup 함수/[04:58] 실행결과 확인/[05:10] 꿀팁/[05:13] Hover 함수/[06:16] 꿀팁/[06:19] Focus 함수/[06:35] Input 함수/[06:40] Css값 지정/[06:52] 꿀팁/[07:11] 실행결과 확인/[07:25] 꿀팁/[07:29] 메소드 하나이상/[07:56] P 태그를 할때마다/[08:00] 실행결과 확인/[08:17] 꿀팁/[08:21] 꿀팁/[08:27] 요소에 여러 이벤트/[08:37] 실행결과 확인/[09:22] 실행결과 확인/[09:42] 결과 함수내용 확인/[10:00] 꿀팁/[10:06] 꿀팁/[10:38] 스르륵숨기기/[11:02] 실행결과 확인/[11:34] 꿀팁/[11:35] Button.click."P"/[11:39] 꿀팁/[11:41] Toggle함수/[11:44] 실행결과 확인/[12:06] Toggle함수/[12:25] 실행결과 확인/[12:53] 버튼클릭시 아이디/[13:08] 꿀팁/[13:13] Fadein 함수/[13:47] 버튼액션 설명/[14:02] 실행결과 확인/[14:34] 꿀팁/[14:35] Fade out 함수/[14:59] 실행결과 확인/[15:18] Fadetoggle 함수/[15:21] 꿀팁/[15:37] 실행결과 확인/[15:51] 꿀팁/[15:52] Fadeto 함수/[16:06] 알파값주기/[17:02] 실행결과 확인/[17:14] 설정변경/[17:17] 실행결과 확인/[17:59] 꿀팁/[18:06] 꿀팁/[18:09] Slidedown 함수/[18:24] Id확인/[18:48] 실행결과 확인/[19:30] Slideup 함수/[19:31] 꿀팁/[19:40] 실행결과 확인/[20:09] SlideToggle 함수/[20:10] 꿀팁/[20:56] Animate 메소드/[20:57] 꿀팁/[21:22] 실행결과 확인/[22:07] 절대위치 함수/[22:27] 실행결과 확인/[23:08] 설정변경 opacity/[24:14] 실행결과 확인/[24:33] 크기변경/[25:17] 실행결과 확인/[25:37] 실행결과 먼저보기/[26:10] Height : toggle/[27:31] 새로고침 실행결과/[27:46] Div.animate 함수/[28:21] 실행결과 확인/[28:09] 폰트사이즈 변경/[28:23] 실행결과 확인/[29:12] 꿀팁/[29:20] Slidedown / stop/[29:34] 버튼생성/[29:35] 꿀팁/[30:34] 실행결과 확인
- 03.23분 절대퀄리티 Jquery 입문과정 - Chapter 3
책갈피 : [00:06] 꿀팁/[00:11] 꿀팁/[00:12] Botton click 함수 실행/[00:14] 꿀팁/[00:30] ("p").hide("slow",function/[00:52] Alert로 메세지 남기기/[01:04] 웹문서 반응 만들기/[01:14] 콜백함수후 메세지 남기기/[01:22] 저장 후 실행결과 확인/[01:43] 버튼클릭하면 결과 확인/[02:28] 콜백함수 후 메세지/[03:07] 실행결과 확인/[03:26] 웹문서 반응 주석/[03:34] slideUp, slideDown/[03:51] 꿀팁/[03:52] div id="kjkj"/[03:56] 꿀팁/[04:28] 저장후 실행결과/[04:52] 줄바꿈 가능/[05:19] 기본 주석처리/[05:43] Jquery 돔조작/[05:56] Button 2개만들기/[06:26] ID확인하기/[06:48] 각버튼 실행액션/[06:50] 꿀팁/[07:18] 실행결과 확인/[07:46] Text와 html 설명/[08:29] 출력화면 소스확인/[09:05] 주석처리/[09:50] 입력값을 전송/[10:18] Value값 설명/[10:28] 꿀팁/[11:01] 링크주소 팝업/[11:42] 출력화면 소스/[12:31] Get방식/[13:28] 예제로 text, html,vel/[13:38] 꿀팁/[14:41] Text 변환/[14:09] 꿀팁/[15:01] Html 변환/[15:13] 꿀팁/[15:38] 꿀팁/[16:13] 실행결과 확인/[17:32] 꿀팁/[17:36] 버튼1번 아이디지정/[17:45] 꿀팁/[18:33] 반영값 지정/[19:07] 고정값 확대값/[19:22] 버튼2번 아이디지정/[19:37] Html로 결과확인지정/[20:18] b 태그지정/[20:57] 저장 후 실행결과 확인/[22:10] Html 결과 확인
- 04.29분 절대퀄리티 Jquery 입문과정 - Chapter 4
책갈피 : [00:04] 메소드값 설명/[00:14] 링크값 지정/[00:28] 실행결과 확인/[00:41] 실행결과내용 지정/[01:47] 속성값 변경/[01:57] 저장 후 실행결과 확인/[02:55] 풍선도움말 지정/[03:06] 추가된 내용/[03:29] 저장 후 실행결과/[04:10] 새로운 속성 내용/[04:29] Value, return origvalue/[04:37] 저장 후 실행결과 확인/[05:41] 결과값 주소 변경/[05:54] 이전값 불러올때 캐쉬/[06:06] 저장후 실행결과 확인/[06:52] Text 내용 추가하기/[07:25] 콘텐츠 추가/[07:58] 버튼2 추가/[08:22] Append 중요/[08:27] 저장후 실행결과/[09:12] Prepend 지정/[09:26] 꿀팁/[09:43] 저장후 실행결과/[10:46] 꿀팁/[10:21] JavaScript 방식/[10:48] 상황실현의 예/[11:21] 꿀팁/[11:29] Text 를 돔방식/[11:30] 꿀팁/[11:44] 꿀팁/[12:13] 무한증식 설정/[12:15] 꿀팁/[12:28] 저장후 실행결과 확인/[13:34] 꿀팁/[13:42] 꿀팁/[13:44] 버튼 1에 before 지정/[14:04] 꿀팁/[14:10] 버튼 2에 after 지정/[14:24] 저장 후 실행결과 확인/[14:43] Remove/[15:05] 꿀팁/[15:10] 꿀팁/[15:24] 꿀팁/[15:40] 내용을 삭제하는 제거/[16:06] 저장 후 실행결과 확인/[16:57] 자식요소만 제거하기/[17:05] 꿀팁/[17:32] 저장 후 실행결과 확인/[17:50] Alzio1에 대한 자식요소/[18:26] P태그를 remove /[18:28] 꿀팁/[18:41] 3가지 예를 만듬/[19:00] 저장 후 실행결과 확인/[19:05] 결과에대한 설명/[19:28] 클래스 2 추가후 설정/[20:01] 저장후 실행결과 확인/[21:02] 꿀팁/[20:47] Css클래스값 추가 css값/[21:06] 꿀팁/[21:08] Addclass("read")/[21:38] Div 추가/[21:53] Style 시트 생성/[22:07] 반영될 상황 생성/[23:00] 저장 후 실행결과 확인/[23:42] 하나의 요소에 여러가지/[24:32] 저장 후 실행결과 확인/[24:53] remove/[26:19] 꿀팁/[26:30] 꿀팁/[27:05] 실행결과 확인/[25:19] Jquery 설명/[26:21] 클릭해서 팝업뜰때 값/[27:02] 실행결과 확인/[27:25] Background 값 인식/[28:18] 설정/[28:46] 저장후 실행결과/[28:52] ("p').css("color","fff")/[29:10] 저장 후 실행결과 확인
- 05.29분 절대퀄리티 Jquery 입문과정 - Chapter 5
책갈피 : [00:04] Css파일 알기/[00:28] 꿀팁/[00:31] 문서로드 스크립트/[00:41] 꿀팁/[00:53] 텍스트 문단만들기/[01:21] 꿀팁/[01:24] width값 함수적용/[02:04] Height 값 함수적용/[02:05] 꿀팁/[02:40] 꿀팁/[02:45] Text문서로 적용/[03:03] ID만들기/[03:16] body 값 적용/[03:32] 실행결과 확인/[03:51] 결과값 설명/[04:20] Alzio1 값 결과/[04:50] padding 합산/[05:15] 줄바꿈추가/[05:29] Inner 과정 추가/[05:31] 꿀팁/[06:00] Innerwidth, innerheight/[06:29] 꿀팁/[06:44] 실행결과 확인/[07:10] Outerwidth, Outerheight/[07:40] 꿀팁/[08:29] Border 값 설정/[08:44] font-size 설정/[09:45] 실행 확인/[10:15] 꿀팁/[10:31] 뷰포트 높이, 넓이 확인/[11:06] Button 설정/[11:17] Text 문서값 설정/[11:24] Var 값 확인/[11:44] \n설정 설명/[11:49] 꿀팁/[12:10] 꿀팁/[12:12] 높이넓이값 설정/[12:32] 꿀팁/[12:55] 실행결과 확인/[13:38] 결과 확인/[13:58] Css 활성화/[14:10] 꿀팁/[14:51] button에 따라 변경됨/[15:32] 높이넓이값으로 축소/[15:43] 실행결과 확인/[16:14] 계층구조/[17:11] 꿀팁/[17:00] 부모메소드 설정/[17:11] Span 을 부모로 설정/[17:16] 꿀팁/[17:48] Div class 값 설정/[18:12] Ul 목록/[18:15] P 태그 안에 span 태그 /[18:28] 실행결과 확인/[18:39] Css 튜닝/[19:26] Parent 명령어 확인/[19:38] 모든요소들에 값 설정/[19:50] 실행결과 확인/[20:31] 결과값 설명/[21:25] 꿀팁/[21:39] 모든요소 조상값 반환/[21:53] 실행결과확인/[22:11] 결과값 먼저보기/[22:22] Ul 값 설정/[22:24] 꿀팁/[23:30] 꿀팁/[22:34] 결과값 먼저보기/[22:43] 조부모들 div값 설정/[23:12] 결과값 먼저보기/[23:32] Until 값 명령/[24:04] 실행결과 확인/[24:27] 에이젝스/[25:06] 기본 div와 button/[25:19] 웹문서 로드/[26:12] 꿀팁/[26:13] 기본 jquery 코딩/[26:19] 꿀팁/[26:23] Id 값 위치에 load/[27:12] 실행결과 확인/[27:23] 버튼클릭시 결과/[28:38] 한글문서
- 06.35분 절대퀄리티 Jquery 입문과정 - Chapter 6
책갈피 : [00:00] Text 를 html로 변경/[00:11] 실행결과 확인/[01:32] 문서로드가 필요/[01:49] Css 가 대상문서/[01:49] 실행결과 확인/[02:03] 클릭전.후 다를때/[02:16] Css 해지 class값/[02:24] 실행결과 확인/[03:07] width 값 기본틀/[03:38] margin, padding/[03:47] 실행결과 확인/[04:32] Load 성공, 실패/[05:14] 필터링/[05:59] Css 기본 기준/[06:17] 실행결과 확인/[06:44] 색상 변경/[06:48] 실행결과 확인/[07:06] 설정 변경/[07:09] 실행결과 확인/[08:31] Width 값 적용 설명/[08:47] 실행결과 확인/[08:58] Id 값 불러오기/[09:28] 생각 값 팝업만들기/[09:52] If문 설정/[10:10] success, error 설정/[10:51] 실행결과 확인/[11:27] Id 값 없애기/[11:30] 실행결과 확인/[11:54] 실패값 설정/[12:01] 실행결과 확인/[13:16] alert 값 새로 설정/[13:40] 실행결과 확인/[14:32] 줄바꿈결과 확인/[14:41] Error 결과 확인/[15:17] 기본 Jquery 삭제/[15:46] Jquery를 자식/[16:02] children().css값/[16:10] 꿀팁/[16:23] 꿀팁/[16:38] Class 값 설정/[17:05] 실행결과 확인/[18:40] "P.aa" 값 설정/[18:59] 실행결과 확인/[19:29] class="a" 값 중복/[19:44] 실행결과 확인/[20:11] 꿀팁/[20:14] Find 명령어/[21:08] Find 값 설정/[21:13] 실행결과 확인/[21:32] div 에 모든자손값/[21:39] 꿀팁/[21:58] 실행결과 확인/[22:28] 형제,자매 만들기/[23:06] 기존값에 h1추가/[23:17] 꿀팁/[23:51] 실행결과 확인/[25:13] Siblings 명령어/[25:38] 실행결과 확인/[25:57] 꿀팁/[26:01] next 명령어/[26:41] 꿀팁/[26:46] nextAll 명령어/[27:11] 실행결과 확인/[27:16] nextuntil 명령어/[27:17] 꿀팁/[28:02] 실행결과 확인/[28:27] 필터링/[28:31] 꿀팁/[28:32] first 메소드/[28:55] div내 P 태그 설정/[29:35] 실행결과 확인/[29:58] 설정변경/[30:13] 실행결과 확인/[30:23] 꿀팁/[30:33] last 메소드/[30:38] 실행결과 확인/[30:46] eq(3) 설정/[31:11] 꿀팁/[32:04] 실행결과 확인/[32:28] 결과값에 대한 설명/[32:53] eq 값 변경후 실행/[33:22] filter 에 class값 설정/[33:23] 꿀팁/[33:47] 실행결과 확인/[33:59] 꿀팁/[34:01] not 값 설정/[34:31] 실행결과 확인
- 07.36분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 1
기본문법과 html
책갈피 : [00:04] 라이브러리란?/[02:02] jQuery의 장점/[03:40] 선수학과소개/[03:55] 준비사항/[04:45] 제이쿼리추가/[05:48] 제이쿼리 홈페이지/[06:30] 1.7.2 다운/[06:41] 라이브러리 연동/[07:50] 구글 제이쿼리/[08:06] path/[09:40] $의 의미/[10:31] .alzio/[10:3:6] 꿀팁/[10:37] html/[11:03] css/[11:32] 제이쿼리 문법/[12:38] ul 추가/[13:30] $("li")/[14:42] $("#alzio1")/[15:27] $(".second")/[16:00] $("#alzio1, .second")/[17:05] 새로운 ul/[17:29] 꿀팁/[18:52] $("li:first")/[18:12] $("li:last")/[18:40] $("li:odd"), $("li:even")/[18:50] 꿀팁/[18:54] 꿀팁/[19:44] $("li:lt"), $("li:eq"), $("li:gt")/[19:59] 꿀팁/[20:07] 꿀팁/[20:11] 꿀팁/[20:31] 꿀팁/[20:33] $("li:contains()")/[21:54] html, css 조작/[22:28] text() 변경/[22:29] 꿀팁/[23:17] text() 가져오기/[25:09] $("#alzio3").text()/[26:04] p태그제거/[26:55] text()/[28:15] html()/[28:27] 꿀팁/[29:14] text()와의 차이/[29:15] 꿀팁/[31:02] html() 가져오기/[31:03] 꿀팁/[31:40] after()/[31:43] 꿀팁/[32:35] insertBefore()/[32:58] 꿀팁/[33:31] insertAfter()/[33:38] 꿀팁/[33:52] wrap()/[33:55] 꿀팁/[34:29] replaceWith()/[34:49] 꿀팁
- 08.33분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 2
CSS조작 제이쿼리 이벤트
책갈피 : [00:15] p, em/[00:42] 꿀팁/[00:45] remove()/[01:06] remove결과값/[01:44] css추가/[02:00] 꿀팁/[02:02] addClass()/[02:52] 꿀팁/[02:56] removeClass()/[03:30] 꿀팁/[03:33] css()/[04:10] css 복수 적용/[05:00] 제이쿼리 문법/[05:40] 꿀팁/[05:45] text(), css()/[07:34] $("p").text("로딩 후")/[08:00] ready(function()/[10:09] p.alzio 스타일 설정/[10:53] click이벤트/[11:08] $(this)/[11:35] 꿀팁/[11:48] slideUp()/[12:29] 꿀팁/[12:32] hover이벤트/[13:28] 꿀팁/[13:40] background:orange/[15:18] button, img/[15:23] 꿀팁/[15:33] attr() 변경/[17:15] 꿀팁/[19:21] $("a:eq(0)").click() 오류/[19:31] return false/[19:54] 꿀팁/[20:34] this 결과값확인/[21:16] button추가/[21:25] 꿀팁/[21:31] mousedown이벤트/[22:02] 꿀팁/[22:06] mouseup이벤트/[22:27] toggle 실습1/[22:50] 꿀팁/[24:04] 꿀팁/[24:23] 꿀팁/[25:02] toggle 실습2/[25:48] 꿀팁/[26:34] 꿀팁/[26:36] mouseover이벤트/[27:14] mouseout이벤트/[27:16] 꿀팁/[27:34] 꿀팁/[27:40] mousemove이벤트/[28:25] 꿀팁/[28:48] e.page()/[29:19] 함수값과 텍스트의 조합/[30:39] button 추가/[31:00] alert()/[31:12] 꿀팁/[31:43] 꿀팁/[31:46] one()/[32:45] unbind()/[32:47] 꿀팁
- 09.44분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 3
이벤트, 폼태그
책갈피 : [00:22] 폼 태그/[01:01] val()/[01:40] $("button").click/[01:56] 꿀팁/[02:06] 꿀팁/[03:22] $("input").val("")/[04:48] focus 이벤트/[05:20] focus 적용/[05:37] 꿀팁/[05:49] 꿀팁/[05:54] 메서드 체인/[06:30] 결과값 확인/[07:41] placeholder/[08:40] 오류 수정/[09:30] 꿀팁/[09:32] one()/[09:35] 꿀팁/[10:35] blur 이벤트/[11:26] if문/[11:58] 결과값 확인/[12:56] change 이벤트/[12:57] 꿀팁/[13:00] 꿀팁/[13:04] 꿀팁/[13:40] 폼 작성/[14:03] sumit 타입/[14:51] sumit 이벤트 예/[17:18] submit()/[17:22] return false/[18:04] 꿀팁/[18:23] 결과값확인/[18:31] 꿀팁/[18:34] fadeOut()/[18:52] 자바스크립트 알림/[19:35] input 셀렉터/[19:47] 꿀팁/[19:55] 꿀팁/[20:24] 결과값 확인/[20:54] text 셀렉터/[20:56] 꿀팁/[21:24] 꿀팁/[21:27] blur/[21:32] 꿀팁/[21:58] text 타입 찾기/[22:47] password 셀렉터/[23:30] 결과값 확인/[24:06] gender 찾기/[24:35] id와 for연결/[25:21] radio 셀렉터/[25:29] 꿀팁/[25:33] $(this).css/[25:34] 꿀팁/[25:43] label for값 불러오기/[25:44] 꿀팁/[26:53] css("font-weight","")/[27:51] 결과값 확인/[28:49] checkbox 셀렉터/[29:19] 꿀팁/[29:42] 결과값 확인/[29:51] submit 셀렉터/[30:18] mouseover, mouseout/[30:22] 꿀팁/[30:38] 꿀팁/[31:05] reset" 셀렉터/[31:58] 결과값 확인/[32:18] button 셀렉터/[32:43] 꿀팁/[33:07] != 연산자/[33:24] 꿀팁/[33:38] 꿀팁/[33:40] css("color","red")/[33:56] 결과값확인/[34:36] file 셀렉터/[35:35] input type="file"/[35:51] mouseover, mouseout/[36:01] 결과값확인/[36:39] checked/[37:35] 꿀팁/[37:36] checked 셀렉터/[38:10] $("label").css("color","")/[38:23] 꿀팁/[38:25] each함수/[39:16] 라벨의 for값 가져오기/[39:53] 결과값확인/[40:22] sselected/[40:50] selected 셀렉터/[40:54] 꿀팁/[41:03] if 문/[42:09] else/[42:30] removeAttr/[42:31] 꿀팁/[43:17] 결과값확인
- 10.23분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 4
Ajax의 활용, Show함수
책갈피 : [00:00] ajax란?/[02:26] button, div 추가/[02:50] 텍스트 파일 불러오기/[03:19] loadfile.txt/[03:51] 꿀팁/[03:58] 꿀팁/[04:20] 결과값확인/[04:57] html 파일 불러오기/[04:58] 결과값확인/[06:28] load("01강.html li")/[10:08] ajax 문법/[10:40] url값, dataType값/[10:59] success값/[11:25] $.ajax 소스 붙여넣기/[11:33] 꿀팁/[12:00]AjaxXML.xml/[13:58] dataType:'xml'/[14:15] data 파라미터/[14:38] $("item",data)/[15:16] 꿀팁/[15:17] each()/[16:06] $("dl").append/[16:08] 꿀팁/[16:44] dt, a href값 반환/[17:13] 꿀팁/[17:42] + 연산자/[18:08] $("title",this).text()/[18:34] 닫는 dt, 닫는a, dd값/[18:48] $("description",this)/[19:03] 닫는 dd값 반환/[19:33] 결과값확인/[20:01] button, div, img 추가/[20:47] show함수/[21:44] show함수 문법/[22:52] 꿀팁/[22:55] display:none/[23:05] $("divl").show/[23:12] 결과값확인
- 11.38분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 5
animate
책갈피 : [00:08] show 함수/[00:51] button, div 추가/[01:02] display:none/[01:10] show(1000)/[01:11] 꿀팁/[02:15] slow, normal, fast/[03:10] show("slow",function())/[03:56] 결과값 확인/[04:43] hide 함수/[05:00] button 추가/[05:17] button#on/[05:40] button#off/[05:43] 꿀팁/[06:30] 결과값확인/[06:50] function(){alert();}/[07:46] 결과값확인/[08:35] toggle 함수/[09:57] $("div").toggle()/[10:03] 꿀팁/[10:06] 꿀팁/[10:27] 결과값확인/[10:42] toggle(1000, function())/[11:30] 결과값 확인/[11:57] slide 효과/[12:40] slideUp()/[13:32] $("button").click/[13:40] if, else문/[13:55] 조건문/[14:00] == 연산자/[14:12] 꿀팁/[14:22] slideUp("slow")/[14:32] 꿀팁/[15:05] slideDown("slow")/[15:21] 꿀팁/[15:27] 결과값확인/[16:03] slideToggle()/[16:24] 꿀팁/[17:02] fade 효과/[18:02] fadeIn(1000)/[18:18] 꿀팁/[19:56] fadeOut("slow",function())/[19:59] 꿀팁/[20:03] 꿀팁/[20:30] 결과값 확인/[20:40] fadeIn(1000,function())/[21:17] fadeTo 함수/[22:59] button 추가/[23:13] fadeTo("slow",1)/[23:26] 꿀팁/[23:32] fadeTo("slow",0.5)/[23:44] fadeTo("slow",0)/[24:06] 결과값 확인/[24:25] fadeOut과 fadeTo/[25:26] display, visibility/[27:00] button, div, p 추가/[27:44] fadeOut("slow")/[27:50] 꿀팁/[28:33] fadeTo("slow",0)/[28:34] 꿀팁/[29:10] button, p 추가/[29:38] anomate() 문법/[29:57] {변경될CSS속성}/[31:20] 동작형태/[32:25] animate()/[32:49] marginLeft, fontSize/[33:20] swing/[33:30] 결과값 확인/[33:53] button#alzio2/[34:26] 결과값 확인/[34:34] animate함수/[35:15] +=, -=/[36:36] +=, -= 추가, 삭제/[37:46] height수정/[37:47] 꿀팁
- 12.39분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 6
슬라이드 갤러리
책갈피 : [00:07] 스트라이프 테이블/[01:14] table추가/[01:34] jqueryCSS.css/[01:55] css3 셀렉터 적용/[02:10] th:nth-child(odd)/[02:29] th:nth-child(even)/[03:36] 적용값확인/[04:55] .odd , .even/[05:41] 유지보수 불편/[07:45] table추가/[08:04] 꿀팁/[08:12] $("th:nth-child(odd)")/[08:56] 홀수 예제/[09:38] $("tr:nth-child(even)")/[10:05] 꿀팁/[10:46] 적용값확인/[11:59] 행 마우스오버 효과/[12:38] 꿀팁/[12:47] ("tr:not(:first-child)")/[13:25] addClass("point")/[13:26] 꿀팁/[13:50] removeClass("point")/[14:12] .point/[14:27] 적용값확인/[14:47] 열 마우스오버 효과/[15:00] 전체코드 분석/[15:47] 꿀팁/[15:49] td:nth-child/[16:15] 꿀팁/[18:30] 꿀팁/[18:33] size()/[18:57] %연산자/[20:42] 1 더하기/[21:43] 꿀팁/[21:51] 꿀팁/[21:52] removeClass("point")/[22:00] 적용값확인/[22:41] 이미지 갤러리/[23:36] div, ul, li 추가/[24:15] 적용값확인/[24:54] $("#menu a").click()/[25:32] return false/[26:02] 적용값확인/[26:58] 꿀팁/[27:02] $("#main img").before()/[29:35] fadeOut()/[29:47] $("#main img:last")/[30:14] 꿀팁/[31:04] 적용값확인/[33:02] 슬라이드 이미지 갤러리/[33:13] HTML태그 지정/[34:03] 적용값확인/[35:44] $("img.next").click()/[35:46] 꿀팁/[36:13] 꿀팁/[36:16] animate()/[37:37] $("img.prev").click()/[38:27] 적용값확인
- 13.54분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 7
Accordion, Tooltip
책갈피 : [00:05] Accordion/[00:23] Accordion 완성내용/[01:07] dl, dt, dd 추가/[02:04] 적용값확인/[02:58] $("dd:not(:first)").css()/[02:59] 꿀팁/[03:59] $("dl dt").click()/[04:02] 꿀팁/[04:14] if문/[04:39] 인접셀렉터 : +dd/[05:23] $("+dd",this).slideDown()/[05:28] 꿀팁/[05:44] $("dd").slideUp()/[06:18] 적용값확인/[06:50] $("dd").slideUp() 삭제/[07:37] 선택효과 추가/[08:21] 초기상태지정/[08:23] 꿀팁/[08:55] addClass("selected")/[08:57] 꿀팁/[09:23] removeClass("selected")/[09:28] 꿀팁/[09:36] 꿀팁/[10:26] dt.selected/[10:43] 적용값확인/[11:01] 마우스오버효과 추가/[11:25] mouseover, mouseout/[11:49] 꿀팁/[12:01] 꿀팁/[11:56] addClass("over")/[12:27] dt.over/[13:33] 적용값확인/[14:01] 가로Accordion/[14:55] div, dl, dt, dd 추가/[15:13] css적용/[15:39] 적용값확인/[16:17] animate/[16:59] 아코디언 작동방법/[17:14] css("width","0px")/[17:15] 꿀팁/[17:44] 꿀팁/[17:47] addClass("selected")/[18:01] 꿀팁/[18:04] $("dl dt").click/[18:37] has필터/[18:39] 꿀팁/[19:33] $("+dd",this).animate()/[19:49] width:500px/[20:41] 꿀팁/[21:03] 코드전체설명/[22:02] 적용값확인/[22:21] 마우스오버효과 추가/[22:33] 꿀팁/[22:58] Tab/[23:47] div, ul, li 추가/[24:42] css적용/[24:56] 적용값확인/[25:30] 초기상태지정/[25:37] 꿀팁/[25:46] not 셀렉터/[27:08] 적용값확인/[27:20] $("ul.tab li a").click()/[27:36] removeClass()/[27:43] 꿀팁/[27:47] addClass("selected")/[28:13] hide, show/[28:26] 꿀팁/[29:19] id값과 링크값의 일치/[29:51] 적용값확인/[30:28] fadeIn변경/[30:52] slideUp, slideDown/[30:53] 꿀팁/[31:23] Ajax와 Tab의 결합/[31:49] HTML적용/[32:35] css적용/[33:00] 적용값확인/[33:58] ("p.content").load()/[33:59] 꿀팁/[34:44] click이벤트/[34:51] 꿀팁/[35:09] 꿀팁/[35:25] return false/[36:30] alzio5.txt 수정/[37:08] Tooltip1/[37:49] h2, p, a 태그/[38:33] css적용/[38:56] 적용값확인/[39:35] $(".tooltip").css()/[40:04] opacity:"0.9"/[41:16] $("a").mouseover()/[41:21] 꿀팁/[41:58] mouseout()/[42:14] 꿀팁/[42:53] mousemove()/[43:05] 꿀팁/[43:17] function(e)/[43:31] e.pageY, X/[44:27] 적용값확인/[45:25] Tooltip2/[46:36] background 이미지/[47:02] 적용값확인/[47:24] 꿀팁/[47:29] $(".tooltip").css()/[48:17] 꿀팁/[48:19] $("a").mouseover()/[48:50] offset()/[49:03] 꿀팁/[49:56] -55, -95 삭제/[50:30] -55, -95 추가/[50:57] 꿀팁/[51:09] mouseout()/[52:07] setTimeout/[52:08] 꿀팁/[53:37] 적용값확인
- 14.58분 Jquery의 핵심을 꿰뚫는 스페셜 강의 - Chapter 8
Drop-down, Modal, Floating
책갈피 : [00:05] Drop-down menu1/[00:27] 메뉴 태그 추가/[01:18] css적용/[01:32] 마우스오버 처리/[01:48] 적용값확인/[02:18] Drop-down menu2/[02:27] $(".sub").hide()/[02:30] 꿀팁/[03:53] 꿀팁/[07:01] ">ul"/[07:36] 메뉴구조/[08:07] 적용값확인/[08:48] fadeIn, fadeOut/[09:12] 롤오버이미지/[11:18] ul, li 추가/[13:17] 속성 셀렉터/[13:58] 꿀팁/[14:09] $(this).attr()/[14:38] 꿀팁/[15:57] 적용값확인/[17:56] Modal Window1/[18:11] 모달윈도우 구성요소/[18:41] 모달윈도우 표현방식/[19:34] #Black/[19:47] #Main/[20:01] 적용값확인/[21:28] dispaly:none/[21:42] h1, ul, li 태그/[21:59] class 지정/[22:07] 적용값확인/[22:35] 꿀팁/[22:37] $("body").append()/[23:24] display:none/[23:55] $("a.modal").click()/[23:58] 꿀팁/[24:16] $("#Main").html()/[25:41] 적용값확인/[26:45] $("#Black").click/[26:52] 꿀팁/[27:25] 적용값확인/[28:34] Modal Window2/[29:03] css, html적용/[29:41] dl, dt, dd 태그/[31:38] 적용값확인/[31:40] $("dd").hide()/[32:11] $("body").append()/[32:12] 꿀팁/[32:35] 꿀팁/[32:46] $("dt").click()/[32:55] $("#Main").css()/[33:28] 꿀팁/[34:21] 적용값확인/[35:14] marginTop값/[35:24] 수식과 텍스트 결합/[36:56] return false/[37:10] 적용값확인/[37:27] $("#Black").click/[38:24] Floating Window/[39:27] a, div 태그/[41:07] dl, dt, dd 태그/[44:00] 꿀팁/[44:09] $(".open").click/[44:23] fadein/[44:53] 적용값확인/[45:20] $(".close").click/[45:43] 꿀팁/[46:08] 적용값확인/[46:59] 전체코드해석/[47:22] 마우스위치 계산/[48:27] 꿀팁/[48:39] 꿀팁/[50:07] $("#Window").offset()/[51:18] 꿀팁/[51:36] 꿀팁/[51:39] data()/[52:24] mousemove/[52:40] $("#Window").css/[52:45] 꿀팁/[52:55] 마우스 x,y좌표/[55:59] mouseup()/[56:50] 적용값확인
- 15.38분 만족도 100% 마지막 Jquery 과정 - Chapter 1
Validation, 수식
책갈피 : [00:05] Validation/[01:11] 완성페이지구성/[02:03] 전송완료알림/[02:42] form action/[02:45] 꿀팁/[02:48] 꿀팁/[02:58] 꿀팁/[02:59] HTML 구성/[03:02] 꿀팁/[03:18] 꿀팁/[03:37] 꿀팁/[03:53] input, class/[04:23] 적용값확인/[05:01] CSS 적용/[06:19] submit이벤트/[06:28] 꿀팁/[07:21] removeClass("error")/[07:57] 꿀팁/[08:41] $(":text,textarea")/[09:09] 꿀팁/[09:54] each/[09:52] 꿀팁/[10:21] 꿀팁/[10:23] 필수 항목 검사/[10:48] 꿀팁/[10:54] $(this).val()==""/[10:55] 꿀팁/[11:27] 꿀팁/[11:42] $(this).before/[11:43] 꿀팁/[12:26] required/[14:06] 적용값확인/[15:46] 주석사용/[15:45] 꿀팁/[16:05] 연락처 검사/[17:03] if문/[17:14] isNaN/[17:24] 꿀팁/[18:30] $(this).before/[18:56] 적용값확인/[20:41] 메일 어드레스 체크/[21:35] 메일 형식/[21:53] 꿀팁/[21:54] 정규식/[22:08] 꿀팁/[24:53] ! 부정연산자/[25:28] 꿀팁/[25:29] && 앤드연산자/[25:48] 꿀팁/[26:38] 적용값확인/[28:19] && 삭제/[30:01] 메일 어드레스/[30:30] 꿀팁/[30:38] 꿀팁/[30:44] 꿀팁/[30:50] 꿀팁/[31:36] 꿀팁/[32:20] 수식,텍스트결합/[32:26] 꿀팁/[32:36] 꿀팁/[32:41] replace/[33:13] 꿀팁/[33:26] _check/[33:43] $1/[35:10] 꿀팁/[35:28] 전체코드해석/[35:52] 적용값확인/[36:45] 라디오 버튼 검사/[37:34] filter
- 16.24분 만족도 100% 마지막 Jquery 과정 - Chapter 2
에러처리
책갈피 : [00:22] 라디오 버튼 검사/[00:37] filter/[00:47] required/[01:12] if조건문/[01:37] input type="radio"/[02:20] checked/[02:23] 꿀팁/[02:40] 체크될 셀렉터/[02:47] 꿀팁/[02:51] attr/[02:55] $(this)/[03:14] name="school"/[03:45] 꿀팁/[03:46] html의 name속성/[03:53] 꿀팁/[04:09] size()== 0/[04:10] 꿀팁/[04:52] 꿀팁/[04:53] 비교 연산자/[05:12] 적용값 확인/[05:43] 꿀팁/[05:44] each/[06:39] 체크박스 검사/[07:14] 꿀팁/[07:45] 꿀팁/[08:02] (".checkboxRequired")/[08:07] 꿀팁/[08:18] 꿀팁/[08:42] 꿀팁/[08:43] prepend()/[10:02] prepend 위치확인/[12:27] dl dd p.error/[13:05] before 출력값/[13:40] prepend 출력값/[15:13] 전체 에러 처리/[16:02] ("p.error").size()>0/[16:12] 꿀팁/[16:19] 꿀팁/[16:24] animate()/[16:54] 꿀팁/[16:55] first셀렉터/[17:05] 꿀팁/[17:07] offset함수/[17:37] 꿀팁/[17:42] 꿀팁/[17:43] addClass/[18:30] dl dd.error input/[18:33] 적용값 확인/[19:20] 스크롤 위치/[20:21] offset().top 수정/[21:25] 꿀팁/[21:26] return false/[22:11] 적용값 확인/[23:31] 유효성검사 주의사항
- 17.29분 만족도 100% 마지막 Jquery 과정 - Chapter 3
Sliding Window
책갈피 : [00:01] Sliding Window/[00:41] Sliding Window 완성작/[01:32] HTML 구성/[01:43] 꿀팁/[01:58] 꿀팁/[03:43] CSS 적용/[04:00] 꿀팁/[04:29] overflow:hidden/[04:30] 꿀팁/[05:20] #allpage .page/[05:28] 꿀팁/[07:00] 적용값확인/[07:25] overflow:hidden/[07:53] 초기설정지정/[08:19] 꿀팁/[08:25] 꿀팁/[08:35] width값 설정/[09:13] size()/[09:17] 꿀팁/[09:27] 꿀팁/[10:16] 적용값확인/[10:40] prependTo()/[10:44] 꿀팁/[11:33] 꿀팁/[11:47] prependTo 위치/[12:08] 적용값확인/[12:32] $("#allpage").css/[12:43] 꿀팁/[13:06] 적용값확인/[14:31] Prev버튼/[14:45] ("#Prev").click/[14:47] 꿀팁/[15:00] $("#Next,#Prev")/[15:10] 꿀팁/[16:05] $("#allpage").animate/[16:06] 꿀팁/[16:20] 꿀팁/[16:51] marginLeft:"+=620px"/[16:52] 꿀팁/[16:58] 꿀팁/[18:58] "slow"/[19:24] 콜백함수/[19:26] 꿀팁/[19:51] 꿀팁/[20:10] $("#Next,#Prev")/[20:18] 괄호위치 정정/[20:44] 적용값확인/[22:27] 콜백함수 내 초기설정/[24:11] 적용값확인/[25:20] Next버튼/[25:37] 꿀팁/[25:44] 꿀팁/[25:59] 꿀팁/[26:13] 적용값확인/[26:42] 꿀팁/[26:49] 꿀팁/[27:28] appendTo, prependTo/[28:41] overflow:hidden/[28:04] 결과 확인
- 18.33분 만족도 100% 마지막 Jquery 과정 - Chapter 4
Paging 효과
책갈피 : [00:03] Paging 효과/[01:10] Paging 완성작/[03:12] HTML 구성/[03:41] 꿀팁/[03:59] 꿀팁/[04:10] 꿀팁/[04:15] p 태그/[04:29] 꿀팁/[04:31] ul class="number"/[05:12] CSS 적용/[05:15] 꿀팁/[05:53] 꿀팁/[06:11] .number li a.selected/[06:47] 적용값 확인/[07:36] a 링크값/[08:35] page1~3.html/[09:57] div id="content"/[10:06] 적용값 확인/[12:24] .question 적용/[13:58] 초기상태/[14:09] 꿀팁/[14:14] load()/[14:24] 꿀팁/[14:29] attr/[15:42] page1 살펴보기/[15:58] 적용값 확인/[16:28] addClass("selected")/[16:58] 꿀팁/[16:31] 적용값 확인/[18:08] 꿀팁/[18:14] 꿀팁/[18:22] click 이벤트 설정/[18:54] return false/[18:55] 꿀팁/[19:19] 꿀팁/[19:21] $("#content").html/[19:41] 꿀팁/[19:56] 적용값 확인/[20:53] 꿀팁/[20:55] date/[20:57] $("#content").data/[21:07] 꿀팁/[21:33] 꿀팁/[22:26] $('html,body').animate/[22:27] 꿀팁/[22:36] scrollTop:/[22:46] normal, swing/[22:58] 꿀팁/[23:02] 꿀팁/[23:36] 꿀팁/[23:39] offset().top/[24:26] 적용값 확인/[25:32] 콜백함수/[26:14] 꿀팁/[26:18] load 함수/[26:32] 꿀팁/[26:48] 꿀팁/[28:14] 적용값 확인/[30:57] 꿀팁/[31:02] removeClass("selected")/[31:08] 적용값 확인/[31:23] removeClass 삭제/[31:47] return false/[31:56] 결과 확인
- 19.29분 만족도 100% 마지막 Jquery 과정 - Chapter 5
jQuery 플러그인
책갈피 : [00:03] jQuery 플러그인/[01:45] jQuery 공식홈페이지/[02:22] div 추가/[02:44] 적용값확인/[04:39] jquery.corner.js/[05:35] 플러그인의 위치/[06:51] $("#alzio").corner()/[07:29] 적용값확인/[08:02] corner( "Bevel")/[08:33] corner( "Tear")/[09:01] corner옵션값/[09:30] corner("Tear top");/[09:53] corner("Tear right");/[10:13] corner("Tear br");/[10:37] corner위치값/[11:02] corner("Tear br 30px");/[11:37] corner 중복적용/[14:00] tablesorter/[15:03] jquery.tablesorter.min.js/[16:05] table 추가/[17:32] 적용값확인/[18:01] style.css/[18:42] 적용값확인/[19:38] $("#ALZIO").tablesorter(); /[20:30] 적용값확인/[23:07] 주석처리/[23:18] 정렬 해제/[23:43] headers/[24:16] 적용값확인/[25:29] 강제 정렬/[25:48] sortForce/[26:19] 주석처리/[26:26] 적용값확인/[27:35] sortForce: [[3,1]]
- 20.49분 만족도 100% 마지막 Jquery 과정 - Chapter 6
동적인 이미지, 탭패널
책갈피 : [00:13] pic메뉴/[00:47] jquery.interface.js/[01:01] HTML 구조/[01:58] CSS 적용/[02:29] 적용값확인/[02:54] $('#alzio').Fisheye/[03:11] 적용값확인/[03:58] items/[04:03] container/[04:19] itemsText/[04:40] itemWidth/[05:17] proximity/[05:50] halign/[07:21] span위치 변경/[07:48] bottom: 0px/[07:52] 적용값 확인/[09:50] 실습 완성본/[11:19] html구성/[11:47] div class="item"/[12:14] 이미지 링크/[12:29] div class="text"/[13:27] 적용값 확인/[14:04] body/[14:35] s.item/[15:07] 적용값 확인/[15:29] margin:4px/[16:14] overfolw:hidden/[16:17] position:relative/[16:55] .item .text/[17:39] opacity:0.75/[17:42] display:none/[18:06] 적용값 확인/[18:15] display:none/[18:33] img 주석처리/[19:08] .item .text a/[19:19] font-weight:bold/[19:32] 적용값 확인/[19:42] padding:5px/[19:58] display:block/[20:18] .item .text p/[20:21] margin, paddin/[21:05] .item img/[21:09] position:absolute/[21:29] .clear/[21:32] clear:both/[22:03] 적용값 확인/[23:16] var move, var zoom/[23:50] $('.item').hover/[23:52] 꿀팁/[25:01] 꿀팁/[25:34] var width/[25:43] 꿀팁/[25:58] animate 구현/[26:58] 적용값 확인/[27:50] find('.text').fadeIn/[28:03] 꿀팁/[28:21] 마우스오버 animate/[29:17] 꿀팁/[29:34] 꿀팁/[29:52] duration/[30:21] 꿀팁/[30:22] find('.text').fadeOut/[30:32] 적용값 확인/[31:02] 실습 완성본/[32:03] jquery15_2.html/[32:11] html 구성/[32:34] div id="logo"/[32:58] div id="tab"/[33:22] 적용값 확인/[33:26] h2/[34:37] body/[34:47] line height/[35:26] #ALL/[35:51] margin:0 auto/[36:11] #logo, padding/[37:04] #logo a/[37:24] text-decoration/[37:46] z-index/[37:58] a img/[38:18] 적용값 확인/[38:31] a strong/[39:27] #tab/[40:01] #tab ul/[40:13] list-style:none/[41:44] -webkit-border-radius/[42:22] #tab li/[43:00] #tab li a/[43:03] text-decoration:none/[43:17] 적용값 확인/[44:16] #tab li a:hover/[44:30] border/[45:45] #tab li a.selected /[46:33] #tab .allpanel/[46:46] -webkit-border-radius/[47:38] 적용값 확인/[48:00] overflow:hidden/[48:13] #tab .panel /[48:39] h2/[48:58] 적용값 확인
- 21.43분 탭패널 구현, 동적 이미지구현
책갈피 : [00:11] 꿀팁/[00:14] hover 이벤트구현/[00:42] 꿀팁/[00:42] 오버 animate /[01:11] 적용값확인/[01:37] 아웃 animate/[02:10] 꿀팁/[02:49] 적용값확인/[03:29] stop()/[04:04] $('.navigation').each/[04:09] 꿀팁/[05:05] 꿀팁/[05:29] 꿀팁/[06:06] panelIds의 값/[06:42] 꿀팁/[07:04] $allpanel.hide()/[07:08] 꿀팁/[07:16] 적용값확인/[07:26] 꿀팁/[07:57] if문/[08:22] 꿀팁/[08:56] 적용값확인/[09:24] $panelALL.animate/[09:31] 꿀팁/[10:23] 꿀팁/[10:42] 꿀팁/[10:50] height() + 40/[11:29] 적용값확인/[12:42] jquery15 파일/[14:44] jquery16 파일/[15:27] css 변경/[16:04] .bar1, .bar2, .bar3, .bar4/[16:39] var top, bottom/[16:49] 꿀팁/[17:11] 꿀팁/[17:12] $('.item').each/[17:42] 꿀팁/[18:12] 꿀팁/[18:38] 꿀팁/[19:20] $('img', this).remove/[19:22] 꿀팁/[19:45] $(this).append/[19:48] 꿀팁/[20:46] 적용값확인/[21:03] $(this).children.css/[21:10] 꿀팁/[22:19] 꿀팁/[22:32] 꿀팁/[23:30] css("background-size")/[24:23] bar1 정의/[24:53] 적용값확인/[25:18] bar2 정의/[26:09] 적용값확인/[27:35] bar3, bar4 정의/[28:25] hover 이벤트 구현/[28:26] 꿀팁/[28:50] 오버 animate /[28:52] 꿀팁/[29:44] 적용값확인/[29:59] 아웃 animate/[30:03] 꿀팁/[30:14] 꿀팁/[31:30] effects 파일/[32:07] script 참조/[32:28] 이징효과구현/[33:01] 적용값확인/[33:20] jquery16_2 파일/[34:29] var minus, plus, plus2/[34:49] 꿀팁/[35:57] $('.item').each/[35:58] 꿀팁/[36:23] $('img', this).remove/[36:28] 꿀팁/[37:21] 꿀팁/[37:23] $(this).children.css/[37:54] 꿀팁/[38:40] 적용값확인/[39:13] .bar/[39:40] 꿀팁/[39:45] topRight 정의/[40:57] .topRight/[41:48] .bottomLeft, .bottomRight/[42:08] 꿀팁
- 22.45분 텍스트 크기 조절, 메뉴에서 사용할 수 있는 제이쿼리
책갈피 : [00:10] 텍스트 줌 인/아웃 기능/[01:22] html구조/[01:43] css 적용/[02:11] 적용값 확인/[03:02] var min, max/[03:28] var reset/[03:46] var elm/[04:02] str_replace 함수 정의/[05:53] str_replace(reset, 'px', '')/[06:30] $('.Plus').click/[06:37] 꿀팁/[07:31] elm.css/[08:05] return false/[08:24] 적용값 확인/[08:48] $('.Minus').click/[09:41] 적용값 확인/[10:24] $('.Reset').click/[10:54] fontSize : reset/[11:20] 적용값 확인/[12:45] 이미지 대체효과/[12:48] html 구조/[13:28] 적용값 확인/[13:47] css 적용/[14:02] .fade/[14:18] 적용값 확인/[14:31] .fade div/[15:07] dispaly:none/[15:52] $('.fade').hover/[15:53] 꿀팁/[16:15] var fade/[16:53] if, else 문/[17:27] 꿀팁/[17:59] 적용값 확인/[18:27] 마우스 아웃 함수 정의/[18:58] 꿀팁/[19:13] 꿀팁/[19:26] 적용값 확인/[20:54] 움직이는 메뉴 제작/[21:03] html 구조/[21:34] #menu/[21:57] padding, margin/[22:24] #menu li/[23:03] #menu li a/[23:38] background/[24:18] display:block/[24:41] text-indent/[25:33] var top /[25:42] 꿀팁/[26:28] children('a')/[26:35] 꿀팁/[26:46] 꿀팁/[28:11] $('#menu li').hover/[28:17] 꿀팁/[28:21] 오버 animate 구현/[28:46] 꿀팁/[29:20] 적용값 확인/[29:41] 아웃 animate 구현/[29:46] 꿀팁/[31:08] top:0/[31:47] $('#menu li.selected').hover/[32:06] 적용값 확인/[33:06] 메뉴를 따라다니는 아이콘/[33:16] html구조/[34:10] #menu/[35:04] #menu ul/[35:51] #menu li/[36:56] #menu li a/[37:25] #menu .arrow/[38:19] 적용값 확인/[38:47] $('#menu .arrow')/[38:53] 꿀팁/[39:47] var top/[39:51] 꿀팁/[37:20] 아이콘 위치 수정/[41:21] 꿀팁/[42:38] 꿀팁/[42:53] 꿀팁/[43:00] 꿀팁/[43:37] 꿀팁/[43:42]addClass('hover')/[44:12] #menu li.hover
- 23.29분 스크롤메뉴
책갈피 : [00:05] 스크롤메뉴/[00:29] 실습완성본/[01:55] html구조/[02:53] div id="mouse_axis"/[03:20] 실습완성본/[03:54] body/[04:35] #scroll/[05:51] #menu/[07:47] #menu li/[08:59] #menu li a/[10:51] #menu li span/[11:14] #mouse_axis/[11:55] 적용값확인/[12:31] var paddingL, paddingR/[12:49] 꿀팁/[13:53] mouseover/[14:02] 꿀팁/[14:04] padding animate/[14:14] 꿀팁/[15:20] queue:false/[16:29] 적용값확인/[16:46] animate/[16:49] 꿀팁/[17:24] effects.js파일/[17:44] 적용값확인/[18:34] 꿀팁/[18:45] 꿀팁/[18:46] mouseout/[18:57] 꿀팁/[19:39] 적용값확인/[20:05] backgroundColor/[21:09] mousemove/[21:13] 꿀팁/[21:35] var scroll_top/[21:46] 꿀팁/[22:36] var mheight /[22:37] 꿀팁/[23:26] $('#mouse_axis').html/[23:32] 꿀팁/[24:15] 적용값확인/[24:48] var top_value/[24:57] 꿀팁/[26:45] top: top_value/[26:48] 꿀팁/[27:29] 적용값확인/[28:05] 계산식수정
- 24.16분 텍스트 대체 이미지메뉴
책갈피 : [00:25] 이미지메뉴/[00:37] 실습완성본/[01:40] html구조/[02:27] 적용값확인/[02:41] body/[03:27] h1/[03:30] padding/[04:07] uppercase/[04:39] .menu/[05:18] .menu ul/[05:28] list-style/[06:17] .menu ul li/[06:28] float: left/[06:37] .menu ul li a/[07:07] background 삽입/[07:44] 적용값확인/[10:08] min-width:310px/[10:57] menu ul li a/[10:58] 꿀팁/[11:24] is/[11:25] 꿀팁/[11:46] width animate/[11:39] 꿀팁/[12:38] easeOutQuad/[13:14] 적용값확인/[14:09] 아웃 animate/[14:19] 꿀팁/[14:22] (this).is(':animated')/[14:48] 적용값확인
- 25.21분 동적 메뉴제작실습 part1
책갈피 : [00:05] 동적 메뉴/[00:20] 실습완성작/[01:05] html구조/[02:23] 메뉴구성사항/[03:22] 적용값확인/[03:51] */[04:06] body/[04:38] #ALL/[05:40] .list /[06:39] .list h2 /[07:37] .image/[09:16] .jqueryM/[09:41] background: url/[10:36] dt /[12:28] .list:last-child dt/[13:03] dd/[14:22] .list:last-child dd/[14:46] 메뉴색상일괄지정/[15:49] display:none/[16:43] var $allDT/[16:47] 꿀팁/[17:56] "cursor": "pointer"/[18:52] var $allDD/[19:49] 적용값확인
- 26.19분 동적 메뉴제작실습 part2
책갈피 : [00:39] $("#ALL").delegate/[00:40] 꿀팁/[00:45] delegate 메서드/[01:32] 꿀팁/[01:54] 꿀팁/[01:56] hasClass("shadow")/[02:21] 꿀팁/[02:24] e.preventDefault/[03:36] dt에 click이벤트설정/[02:39] 꿀팁/[03:41] 꿀팁/[04:16] 꿀팁/[05:39] $parentWrap/[05:40] 꿀팁/[06:10] $otherWraps/[06:17] 꿀팁/[06:47] $allDT/[07:13] $allDD.slideUp/[07:17] 꿀팁/[07:29] $allDT.animate/[07:33] 꿀팁/[08:06] $el.animate/[08:36] 적용값확인/[09:34] 꿀팁/[09:38] next().slideDown/[10:37] $parentWrap.animate/[10:44] 꿀팁/[11:32] 꿀팁/[11:34] addClass("shadow")/[11:39] .shadow/[12:14] 적용값확인/[13:00] $otherWraps.animate/[13:04] 꿀팁/[13:43] 꿀팁/[13:56] 적용값확인/[15:08] padding-left:5px/[15:31] current 클래스/[16:09] 꿀팁/[17:14] dt id="opener"/[17:34] 꿀팁/[17:35] trigger/[18:21] 적용값확인
- 27.23분 슬라이딩 박스메뉴 제작실습 part1
책갈피 : [00:11] 슬라이딩 박스메뉴/[00:22] 실습완성작/[01:33] html구조/[02:41] submenu 구조/[04:21] 적용값확인/[04:49] body/[05:20] .ALL/[06:09] h1/[06:38] ul.menu/[07:45] ul.menu li/[08:52] ul.menu li > a/[10:53] ul.menu li a img/[13:10] ul.menu li span.text/[13:47] z-index:50/[14:12] ul.menu li span.active/[15:45] z-index:10/[16:31] 텍스트속성적용/[17:35] span.text_name/[18:23] span.text_subname/[19:37] div.submenu/[20:12] position:absolute/[20:47] div.submenu a/[21:42] div.submenu a:first-child/[22:18] div.submenu a:hover/[22:57] display:none
- 28.17분 슬라이딩 박스메뉴 제작실습 part2
책갈피 : [00:47] 꿀팁/[01:11] mouseenter/[01:39] var $el /[02:00] animate/[02:09] 꿀팁/[03:07] effects 파일추가/[04:08] 적용값확인/[05:26] andSelf 메서드/[05:29] 꿀팁/[05:43] 꿀팁/[05:46] animate/[05:54] 꿀팁/[06:15] 적용값확인/[06:40] .active {height:0}/[07:17] .find('.active').animate/[07:21] 꿀팁/[07:41] 꿀팁/[08:08] 적용값확인/[08:54] callBack함수설정/[09:20] 꿀팁/[09:17] var $sub_menu/[10:16] if($sub_menu.length)/[10:46] 꿀팁/[10:48] var left 기호설정/[11:34] 적용값확인/[12:15] 꿀팁/[14:18] 꿀팁/[15:24] $sub_menu.hide()/[15:27] 꿀팁/[16:12] active 재설정/[16:13] 꿀팁/[16:28] img 재설정/[16:40] text 재설정/[17:00] 적용값확인
- 29.26분 API ection 1
add(), addBack(), addClass()
책갈피 : [00:19] Add 메소드/[00:36] 필요문서 셋팅/[00:50] Css 설정/[01:05] Span 설정 결과/[01:29] 맨마지막에 올때/[01:30] 꿀팁/[02:06] 실행결과 확인/[02:42] 결과값에 대한 설명/[03:08] 꿀팁/[03:31] Add에서 "span"값을 삭제/[03:43] 실행결과 확인/[04:26] Add 메소드 설명/[06:07] Div , span/[06:29] 실행결과확인/[07:41] P 태그 span/[08:03] 실행결과확인/[08:11] Add 추가값이/[08:41] 원상태로 되돌리기/[09:06] Clone().add 추가/[09:16] 꿀팁/[09:43] 실행결과 확인/[10:16] P 태그 복제/[10:47] Span 에 id 값주기/[10:48] 꿀팁/[11:10] Add 추가값 확인/[11:18] 실행결과확인/[11:30] a2 값 css 값 확인/[12:15] 실행결과 확인/[12:28] Collection/[12:30] 꿀팁/[12:41] css 값 확인/[12:52] 실행결과 확인/[13:16] Ul 목록 추가/[13:14] background값 변경/[13:32] "P" 태그 추가/[14:04] 실행결과 확인/[14:20] Add 값에 내용 추가/[14:58] Add 에 인덱스 변경/[15:08] 실행결과 확인/[15:20] Addback/[15:40] li 목록만들기/[15:56] 실행결과 확인/[16:09] $("li.a5).nextAll()/[16:10] 꿀팁/[16:36] 실행결과 확인/[16:46] nextAll().addBack()/[16:49] 꿀팁/[16:57] 실행결과 확인/[17:46] BR 태그 추가/[17:56] Before, after 값/[18:21] 실행결과 확인/[19:06] 꿀팁/[19:07] Find 메소드/[19:41] 실행결과 확인/[20:24] 꿀팁/[20:26] Addclass 추가/[20:56] 꿀팁/[21:04] find, addclass/[21:22] 실행결과 확인/[21:46] Addback() 추가/[21:48] 꿀팁/[22:17] 실행결과 확인/[22:34] Before-al, addback/[22:36] 실행결과 확인/[23:06] AndSelf()/[23:22] 기본명령/[23:42] Andself()/[23:43] 꿀팁/[23:52] 실행결과 확인/[25:05] 꿀팁/[25:06] Nextall 에 andself/[25:18] 실행결과 확인
- 30.33분 API section 2
NodeType, after(), ajaxComplete(), ajaxError()
책갈피 : [00:11] Contents()/[01:10] .contents().값 추가/[01:28] 꿀팁/[01:40] 꿀팁/[01:41] NodeType/[02:48] 요소에대한 node/[02:58] 꿀팁/[02:59] .wrap 메소드/[03:14] 실행결과 확인/[03:27] b, i값 설정/[03:37] 실행결과 확인/[04:09] 속성 node 타입으로 변경/[04:16] 실행결과 확인/[05:17] Text node 타입변경/[05:30] 실행결과 확인/[05:58] .wrap("")/[06:01] 실행결과 확인/[06:05] 꿀팁/[06:07] End 후 filter("br")/[06:18] 실행결과 확인/[06:42] .end() 메소드/[07:44] 기본 div 설정/[07:48] 실행결과 확인/[07:59] $("div") 잘못된 명령/[08:08] 꿀팁/[08:27] 실행결과 확인/[09:00] $("body")로 변경/[09:03] 실행결과 확인/[09:13] $("div") 합리화/[09:23] 꿀팁/[09:41] 실행결과 확인/[09:55] End 메소드값 삭제/[09:58] 실행결과 확인/[10:15] $("body")에 end/[10:24] 실행결과 확인/[10:40] End 메소드값/[10:57] 꿀팁/[11:22] Alert("div") end/[11:33] 꿀팁/[11:48] 실행결과 확인/[12:07] 꿀팁/[12:12] 메소드 적용/[12:22] 실행결과 확인/[12:55] 꿀팁/[12:58] .after() 메소드/[13:18] after 설정/[13:31] 실행결과 확인/[14:55] 꿀팁/[15:03] createTextnode/[15:11] 실행결과 확인/[15:17] After($("b")); 설정/[15:59] 실행결과 확인/[16:33] AjaxComplete/[17:23] 꿀팁/[17:26] function()/[18:04] 실행시킬 함수 적용/[18:14] 꿀팁/[18:16] Click(function())/[18:53] 꿀팁/[18:59] Lode 함수 적용/[19:50] 실행결과 확인/[20:42] Button 생성/[20:49] .ajaxError 메소드/[21:17] 꿀팁/[21:22] .ajaxError(function())/[21:50] 실행결과 확인/[22:13] 꿀팁/[22:18] On, load 함수 적용/[22:46] 확장자 error/[23:24] 실행결과 확인/[23:42] Html 확장자 변경/[23:57] 팝업에 설정/[24:24] 실행결과 확인/[24:32] 문서 차이점/[25:07] AjaxSend()/[25:34] 꿀팁/[25:37] Ajaxsend 설정/[25:48] 꿀팁/[26:59] 꿀팁/[27:00] Button 결과값/[27:41] 실행결과 확인/[28:06] Lode 부분인 div/[28:09] 실행결과 확인/[28:23] Append 값/[28:27] 실행결과 확인/[29:18] Append/[29:30] 실행결과 확인/[29:47] b코드 적용/[29:53] 실행결과 확인/[30:21] Append 를 text 로/[30:37] 실행결과 확인/[31:07] 에러발생시 팝업/[31:35] 꿀팁/[31:39] Ajax Error/[31:45] function()에 areart/[31:58] 꿀팁/[32:24] 실행결과 확인/[32:32] 문서가 없을 경우/[32:51] 실행결과 확인
- 31.24분 API section 3
ajaxStart(), ajaxStop(), ajaxSuccess(), All Selector()
책갈피 : [00:00] Start 메소드/[00:27] 버튼 생성/[00:51] 문서가 로드됐을때 함수/[01:05] 꿀팁/[01:08] ajaxStart/[01:17] 꿀팁/[01:26] 스타일시트 적용/[01:36] 결과 확인/[01:45] 로드해 오는 ajax/[02:10] 꿀팁/[02:29] 마무리 괄호/[02:36] 결과 확인/[03:06] 문서 확장자 변경/[03:55] 결과 확인/[05:02] ajax 구동의 문제점/[05:44] ajaxStart()/[06:20] div 추가/[06:32] 결과 확인/[06:42] ajaxStart/[06:43] 꿀팁/[06:52] ajax 텍스트 출력/[07:13] ajax 구동 실패/[07:18] 꿀팁/[08:16] 결과 확인/[08:38] ajax 구동 성공/[08:48] 결과 확인/[09:05] 다른 위치의 문서/[09:49] 결과 확인/[10:18] 메서드 사용하는 방법/[10:59] 내용 수정/[11:14] html 메소드 사용/[11:19] 꿀팁/[11:42] 결과 확인/[11:46] 불러오지 못했을 경우/[12:03] ajaxStop 메소드/[13:25] ajaxStop(function())/[13:30] 꿀팁/[13:51] 텍스트 출력/[13:52] 꿀팁/[14:08] 결과 확인/[14:18] 완료가 되지 않았을 경우/[15:33] .hide() 처리/[15:34] 꿀팁/[15:58] "성공시 사라짐"/[16:19] 결과 확인/[16:38] ajaxSuccess 메소드/[16:44] 꿀팁/[17:10] 꿀팁/[17:11] ajaxSuccess(function())/[17:21] 로드되는 부분/[17:22] 꿀팁/[17:34] 결과 확인/[17:41] 로드하지 못하는 부분/[17:46] 결과 확인/[18:14] alert 팝업/[18:29] 결과 학인/[18:54] All Selector/[19:17] 선택되는 요소/[19:41] var elementCount/[19:55] 꿀팁/[20:14] 꿀팁/[20:38] 결과 확인/[21:34] style 추가/[22:17] 클래스를 전체 선택/[22:25] 꿀팁/[22:42] 결과 확인/[23:25] 개체가 나오도록
- 32.34분 API section 4
andSelf(), animate(), append(), appendTo(), attr()
책갈피 : [00:06] andSelf 메소드/[00:36] 메뉴 목록 만들기/[00:45] 꿀팁/[00:47] nextAll(), andSelf()/[02:00] 하위 메뉴 만들기/[02:53] 결과 확인/[03:10] animate 메소드/[03:33] 꿀팁/[03:53] 버튼 생성/[04:07] 꿀팁/[04:22] style/[04:25] 결과 확인/[04:52] 꿀팁/[05:04] animate/[05:24] 복구 버튼/[07:46] margineLeft/[07:58] animate 설정/[08:38] 주석 처리/[09:02] 꿀팁/[10:22] 일정 숫자만큼 이동/[10:25] 결과 확인/[10:55] position: absolute/[11:30] 주석 처리/[12:08] animate 이중처리/[12:25] widht, fontSize/[12:32] queue: false/[13:00] duration/[13:09] 꿀팁/[13:51] 주석 처리/[14:03] animated Selector/[14:34] 버튼, div 생성/[15:01] 꿀팁/[15:09] toggleClass, slideToggle/[15:12] css 정의/[15:42] animateIt()/[15:55] 꿀팁/[16:18] 결과 확인/[16:41] slideToggle/[16:55] 클릭했을때 선언/[17:57] append/[18:07]div 추가/[18:08] 꿀팁/[18:29] $ ("div").append/[18:43] b 태그 추가/[18:52] 결과 확인/[19:29] createTextNode/[19:33] 꿀팁/[20:12] 통합 시키기/[20:34] 꿀팁/[20:42] $ ("div").append($("b"));/[20:58] append/[21:12] em 태그 추가 /[21:37] p 태그 추가/[22:40] h1 태그 추가/[22:57] span 태그/[24:27] 컨텐트 추가/[24:49] 꿀팁/[25:25] 결과 확인/[25:49] appendTo 메소드/[26:22] h3, span 추가/[26:23] 꿀팁/[26:28] $ ("h3").appendTo/[26:48] div class 추가/[27:02] 꿀팁/[29:21] 꿀팁/[29:53] 꿀팁/[30:18] 결과 확인/[30:32] 변수명 정의/[31:02] 버튼, 이미지/[31:20] 꿀팁/[31:31] 버튼을 클릭했을때 함수/[31:47] attr/[32:06] 결과 확인/[32:18] 구체적인 내용 작성/[32:33] 꿀팁/[32:45] after/[33:38] 결과 확인
- 33.28분 API section 5
[name|=”value”], [name*=”value”], [name~=”value”], [name$=”value”], [name=”value”], [name!=”value”], [name=”value”], .before()
책갈피 : [00:03] AttributeContains/[00:29] name/[00:58] hreflang/[02:04] .css/[02:10] 꿀팁/[02:59] Value값/[03:08] en/[03:25] Value값 출력/[03:37] 큰따옴표, 작은 따옴표/[04:12] en all/[04:30] 링크언어, 응용예제/[06:01] 내용확인/[06:35] name, value/[07:13] input/[07:38] input의 이름/[08:10] Spx solid/[08:56] *의 기능/[09:03] jQuery의 특성/[10:17] ~의 기능/[10:53] input에 text를 출력/[11:05] 꿀팁/[11:51] ~를 제거했을시의 출력/[12:47] $의 기능/[13:14] $를 사용한 출력/[14:06] 대, 소문자 차이/[15:05] [name="value"]의 기능/[16:03] radio버튼의 value/[16:12] 꿀팁/[16:39] 꿀팁/[17:03] p태그/[17:29] 대문자로 된 내용/[18:04] DIV/[18:57] 꿀팁/[18:58] !의 기능/[20:15] next태그가 없을시/[20:43] Div태그를 사용한 출력/[21:36] selector값/[22:17] 곡절부호의 기능/[23:09] before()/[24:00] 꿀팁/[24:08] P class/[24:55] h1/[25:09] 꿀팁/[26:13] Before/[26:32] Before 응용
- 34.42분 API section 6
.bind(), .hover(), .focus(), .blur(), :button Selector, callbacks, change(), :checkbox, :checked
책갈피 : [00:06] bine/[00:33] click/[00:51] bind의 특성/[01:04] 파라미터값/[02:56] click살펴보기/[03:12] 꿀팁/[03:29] alert/[04:03] click과 bind의 차이/[04:54] 핸들러/[05:39] script설명/[06:59] mouseenter, mouseleave/[07:03] 꿀팁/[07:17] toggleClass/[07:20] style/[07:46] 꿀팁/[08:00] 마우스오버/[08:29] 출력/[09:33] this, background-color/[09:34] 꿀팁/[10:12] focus/[10:13] 꿀팁/[10:51] hover/[10:59] 꿀팁/[11:06] over, click, out/[11:34] button Selector/[12:11] 꿀팁/[13:11] :의 유무에 따른 차이/[13:27] input type/[14:09] button class/[14:35] callbacks.add/[15:10] callbacks/[15:22] 꿀팁/[15:43] hide/[17:19] callbacks 출력/[17:51] 꿀팁/[19:24] 꿀팁/[19:32] fireWith, disable/[21:49] 꿀팁/[21:53] document.write/[22:42] 꿀팁/[23:29] 꿀팁/[23:36] add/[23:53] 꿀팁/[24:21] 결과 확인/[25:07] fire/[25:41] br태그/[25:44] 줄바꿈 생성결과/[26:25] change/[26:45] 핸들러/[27:08] 인풋에 팝업/[27:13] 꿀팁/[27:31] input/[27:55] 결과확인/[28:29] 문자입력해서 팝업/[30:07] div/[30:19] select/[31:51] 꿀팁/[32:34] 꿀팁/[32:36] selected/[33:37] checkbox/[34:04] type=checkbox/[34:44] 꿀팁/[34:51] b style/[36:05] 꿀팁/[37:33] borders;solid/[39:05] checked/[40:58] 꿀팁/[41:00] countChecked/[41:28] 꿀팁/[41:32] checkbox
- 35.36분 API section 7
Child Selector (“parent > child”), .children(), Class Selector, clearQueue(), click(), clone (), closest(), :contains(), 2contents(), context, data(), dblclick (), deferred always (), done(), fail(), delay()
책갈피 : [00:01] Child Selector/[00:53] script/[01:07] css/[01:08] 꿀팁/[01:30] li/[02:21] ul/[03:35] 코드 보기/[04:10] span/[04:42] 꿀팁/[05:07] 꿀팁/[05:13] solid blue/[05:57] class/[06:55] 꿀팁/[07:06] 실행 결과/[07:13] 클리어큐 메소드/[07:46] width, height/[08:01] 꿀팁/[08:03] animate/[08:25] 실행 결과/[08:39] click/[08:42] 꿀팁/[08:48] start, stop/[09:24] 예약된 애니메이션/[09:43] 꿀팁/[10:21] 결과 확인/[10:52] click메소드 설명/[11:31] 꿀팁/[11:45] slideUp/[11:59] clone/[12:28] 증식/[12:42] 꿀팁/[13:50] function/[13:58] 꿀팁/[14:20] 결과 확인/[14:32] 카피/[14:56] closest/[15:11] parents/[16:25] 결과 확인/[16:47] 꿀팁/[17:00] 꿀팁/[17:03] 백그라운드 결과값/[17:19] 꿀팁/[17:57] contains/[18:29] 폼관련 속성/[18:42] 꿀팁/[18:57] div/[19:03] 꿀팁/[19:42] 콜론/[20:31] b태그/[20:41] return.this.nodeType/[20:51] 결과 확인/[21:03] 꿀팁/[21:09] filter/[21:42] context/[22:09] 출력/[22:31] 꿀팁/[22:37] document.body/[22:39] nodeName/[23:04] br 태그/[23:15] 결과 확인/[24:19] data/[25:17] 꿀팁/[25:18] first, last/[25:57] 꿀팁/[26:07] text/[26:20] 꿀팁/[27:30] 버튼 출력/[27:46] 꿀팁/[28:10] 꿀팁/[28:55] start버튼, stop버튼/[29:25] 오류/[29:55] dblclick/[30:37] 꿀팁/[30:48] 꿀팁/[30:50] hide/[31:19] deferred.always/[31:40] 꿀팁/[31:43] get, always, alert/[32:27] deferred.done/[32:50] 꿀팁/[33:22] 팝업 생성/[33:25] 꿀팁/[34:08] deferred.fail/[34:28] delay/[35:12] 꿀팁/[35:02] display.none/[35:23] fadein, fadeout/[35:46] 꿀팁
- 36.33분 API section 8
delegate(), descendant Selector, detach(), die(), :disabled, each(), Element Selector, empty(), :empty Selector, :enabled Selector, end(), eq(), :eq() Selector, error()
책갈피 : [00:05] delegate/[00:44] 꿀팁/[01:03] after/[01:43] span, p/[02:17] dequeue/[02:58] 꿀팁/[03:20] 꿀팁/[03:37] 결과 확인/[05:40] descendant Selector/[06:22] 꿀팁/[07:16] detach/[08:08] 꿀팁/[08:13] p태그의 분리/[08:55] p태그의 제거/[09:36] die/[10:02] 꿀팁/[10:38] 세가지 장착/[11:43] disabled Selector/[12:40] 꿀팁/[13:07] each/[13:53] 꿀팁/[13:59] index, value/[15:34] 꿀팁/[14:58] Element Selector/[17:02] empty/[17:52] 꿀팁/[18:32] 꿀팁/[19:09] empty Selector/[19:40] 꿀팁/[19:42] text, css/[20:14] 참고예제/[20:46] enabled Selector/[21:00] input/[21:14] 꿀팁/[23:05] 꿀팁/[24:02] end/[24:47] 코드 보기/[25:03] 꿀팁/[25:04] ul class, li class/[25:22] 꿀팁/[26:40] p, span/[27:00] 꿀팁/[27:30] 꿀팁/[27:35] end제거시 결과/[27:54] eq/[28:41] 꿀팁/[29:44] eq Selecter/[30:37] error/[31:19] img/[31:30] 꿀팁/[31:50] replaceWith
- 37.28분 API section 9
:even, event.currentTarget, event.data, event.delegateTarget, event.isDefaultPrevented(), event.isImmediatePropagationStopped(), event.namespace, event.pageX, Y, event.preventDefault(), event.relatedTarget, event.result, event.stopImmediatePropagation()
책갈피 : [00:13] event target/[00:45] 꿀팁/[01:10] 결과값 확인/[01:41] nodename을 추가/[01:44] 꿀팁/[02:53] event.timeStamp/[03:24] 꿀팁/[03:36] 내용 확인/[03:51] event.type/[04:15] 마우스 이벤트/[04:37] 꿀팁/[04:56] 꿀팁/[05:37] event.which/[06:21] 꿀팁/[06:23] keydown/[07:17] 꿀팁/[07:51] fadeIn, fadeOut/[08:17] 꿀팁/[08:45] fadeTo/[08:57] 꿀팁/[09:38] fadeToggle/[09:58] 꿀팁/[10:15] 내용 확인/[10:33] file Selector/[10:53] 내용 확인/[11:09] 꿀팁/[11:28] filter/[11:57] 꿀팁/[12:38] 꿀팁/[13:08] find/[13:17] 꿀팁/[13:46] finish/[14:08] 꿀팁/[14:34] 내용 확인/[15:07] first/[15:20] 꿀팁/[15:53] child Selector/[16:27] 꿀팁/[17:13] first-of-type Selector/[17:28] 꿀팁/[17:42] 내용 확인/[17:55] first Selector/[18:07] 꿀팁/[18:30] focus/[18:42] 꿀팁/[19:09] input id, span id/[19:51] focus Selector/[20:19] 내용 확인/[20:36] input값을 다르게/[21:15] focusin, focusout/[22:23] 꿀팁/[22:47] fadeOut/[23:17] 딜레이를 준 결과/[23:35] 꿀팁/[23:38] focusout/[24:14] get/[25:05] 꿀팁/[25:45] 결과값 확인/[26:24] gt Selector/[26:48] 꿀팁/[27:33] has/[27:58] 꿀팁/[29:33] ul, li/[30:19] has selector/[31:26] hasClass/[31:58] 꿀팁/[32:15] False인 결과/[32:17] true인 결과
- 38.34분 API section 10
event.timeStamp, event.type, event.which, fadeIn(), fadeOut(), fadeTo(), fadeToggle(), :file, filter(), find(), finish(), first(), :first-child, :first-of-type, :first, focus(), :focus, focusin(), focusout(), get(), :gt(), has(), hasClass(), :header
책갈피 : [00:13] event target/[00:45] 꿀팁/[01:10] 결과값 확인/[01:41] nodename을 추가/[01:44] 꿀팁/[02:53] event.timeStamp/[03:24] 꿀팁/[03:36] 내용 확인/[03:51] event.type/[04:15] 마우스 이벤트/[04:37] 꿀팁/[04:56] 꿀팁/[05:37] event.which/[06:21] 꿀팁/[06:23] keydown/[07:17] 꿀팁/[07:51] fadeIn, fadeOut/[08:17] 꿀팁/[08:45] fadeTo/[08:57] 꿀팁/[09:38] fadeToggle/[09:58] 꿀팁/[10:15] 내용 확인/[10:33] file Selector/[10:53] 내용 확인/[11:09] 꿀팁/[11:28] filter/[11:57] 꿀팁/[12:38] 꿀팁/[13:08] find/[13:17] 꿀팁/[13:46] finish/[14:08] 꿀팁/[14:34] 내용 확인/[15:07] first/[15:20] 꿀팁/[15:53] child Selector/[16:27] 꿀팁/[17:13] first-of-type Selector/[17:28] 꿀팁/[17:42] 내용 확인/[17:55] first Selector/[18:07] 꿀팁/[18:30] focus/[18:42] 꿀팁/[19:09] input id, span id/[19:51] focus Selector/[20:19] 내용 확인/[20:36] input값을 다르게/[21:15] focusin, focusout/[22:23] 꿀팁/[22:47] fadeOut/[23:17] 딜레이를 준 결과/[23:35] 꿀팁/[23:38] focusout/[24:14] get/[25:05] 꿀팁/[25:45] 결과값 확인/[26:24] gt Selector/[26:48] 꿀팁/[27:33] has/[27:58] 꿀팁/[29:33] ul, li/[30:19] has selector/[31:26] hasClass/[31:58] 꿀팁/[32:15] False인 결과/[32:17] true인 결과
- 39.35분 API section 11
height(), :hidden, :image, .index(), :input, .insertAfter(), .insertBefore(), .is(), keypress(), .keyup(), :lang(), :last-child, :last-of-type, :lt(), .map(), .mousemove(), :not(), :nth-child(), :nth-of-type(), :nth-last-of-type(), :nth-last-child(), .offset(), .offsetParent(), .one(), :only-child, :only-of-type, :password, .position(), .prev(), .prevAll(), .prevUntil()
책갈피 : [00:02] height메소드/[00:25] 꿀팁/[00:31] 실행/[01:04] 정해진 값/[01:45] 꿀팁/[01:56] 클릭한 결과 확인/[02:05] hidden Selector/[02:40] 강제적인 출력/[02:52] 꿀팁/[03:09] 200을 적용한 값/[03:13] image Selector/[03:51] type/[03:52] 꿀팁/[04:02] 꿀팁/[04:06] index/[04:38] 꿀팁/[05:26] input Selector/[05:49] 꿀팁/[06:14] insertAfter/[06:37] 꿀팁/[06:52] 다른 예제 적용/[07:36] 실행/[07:53] insertBefore/[08:10] 꿀팁/[08:23] is/[08:44] 꿀팁/[09:09] 실행 결과/[09:26] divdivdiv의 의미/[09:52] keypress/[10:08] script코드/[10:20] 꿀팁/[10:36] keypress와 keydown/[11:21] keydown메소드/[11:57] keyup/[12:14] 꿀팁/[12:44] keydown/[12:52] 꿀팁/[13:14] lang Selector/[13:39] 꿀팁/[14:13] last-child Selector/[14:53] 꿀팁/[16:05] script 보기/[16:17] 꿀팁/[17:27] 꿀팁/[18:09] It Selector/[18:38] 꿀팁/[19:05] 실행/[19:13] map/[19:46] 콜백함수/[19:47] 꿀팁/[20:35] 실행/[20:50] mousemove/[21:16] 꿀팁/[21:23] 꿀팁/[21:33] 새로고침/[21:47] not Selector/[22:09] 꿀팁/[22:51] nth-child/[23:06] 꿀팁/[23:48] 꿀팁/[24:44] offset/[25:13] 꿀팁/[25:47] 내용 확인/[26:32] offsetParent/[27:07] 꿀팁/[27:38] 새로고침/[28:45] one/[29:06] 꿀팁/[29:29] only-child/[29:50] 꿀팁/[30:16] only-of-type/[30:41] 꿀팁/[31:22] password/[31:47] 꿀팁/[32:00] position/[32:23] 꿀팁/[32:47] prev/[33:05] 꿀팁/[33:48] prevAll/[34:07] 꿀팁/[34:40] prevUntil/[35:01] 꿀팁
- 40.32분 API section 12
.prop(), :radio, .removeAttr(), .removeData(), .removeProp(), .replaceAll(), :reset, .resize(), :root, .scroll(), .scrollLeft(), .scrollTop(), .select(), .serialize(), .serializeArray(), .slice(), :submit, :text, .toArray(), .triggerHandler(), .unbind(), .undelegate(), .unwrap(), :visible Selector, .wrapAll(), .wrapInner()
책갈피 : [00:08] prop/[00:25] 꿀팁/[00:46] 꿀팁/[01:43] 줄바꿈/[01:46] radio Selector/[02:10] 꿀팁/[02:46] wrap의 기능/[02:58] 꿀팁/[03:14] removeAttr/[03:42] 꿀팁/[04:04] removeData/[04:23] 꿀팁/[07:03] removeProp/[07:51] 꿀팁/[08:13] append/[08:26] 꿀팁/[08:50] replaceAll/[09:17] 꿀팁/[09:48] reset Selector/[10:26] resize/[11:12] 꿀팁/[12:06] 꿀팁/[12:26] 꿀팁/[12:35] root Selector/[12:54] 꿀팁/[13:15] 실행/[13:26] 추가적인 실습/[13:45] scroll/[14:26] 꿀팁/[14:59] scrollLeft/[15:08] 꿀팁/[15:30] 실행결과 확인/[15:48] top 응용하기/[16:10] select/[16:36] fadeOut/[17:04] serialize메소드/[17:36] 꿀팁/[18:08] serializeArray/[18:34] 꿀팁/[18:56] each/[19:14] field/[19:15] 꿀팁/[19:44] size/[19:59] 꿀팁/[20:31] slice/[20:48] 꿀팁/[21:11] submit/[21:52] 꿀팁/[22:05] 결과 확인/[22:14] submit Selector/[22:24] 꿀팁/[22:38] text Selector/[22:44] 꿀팁/[23:01] toArray/[23:26] 꿀팁/[23:50] 꿀팁/[24:01] 꿀팁/[24:11] 꿀팁/[24:30] 출력 결과 확인/[24:47] triggerHandler/[24:58] 꿀팁/[25:18] 꿀팁/[25:47] uunbind/[26:03] function clickss/[26:09] 꿀팁/[26:55] 꿀팁/[27:40] 실행/[27:52] 꿀팁/[28:01] undergate/[28:26] 꿀팁/[28:32] delegate/[28:51] 꿀팁/[29:24] unwrap/[29:39] 꿀팁/[30:12] visible Selector/[30:30] 꿀팁/[30:39] 꿀팁/[30:40] wrapAll/[31:13] 꿀팁/[31:40] 꿀팁/[31:45] wrapInner
'추천강의' 카테고리의 다른 글
| NX 교육 추천 학원 (0) | 2018.03.27 |
|---|---|
| PHOTOSHOP 추천 학원 강의 (0) | 2018.03.23 |
| 반응형웹 IT전문교육 강좌 추천 (0) | 2018.03.23 |
| KEYNOTE 교육 추천 학원 (0) | 2018.03.23 |
| SKETCHUP 강좌 교육 추천 (0) | 2018.03.23 |