전체 글
-
Jquery[제이쿼리] clearQueue() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 03:42
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] clearQueue() 메서드를 배워보겠습니다. 어제 내용에서 초록색으로 표시한부분만 수정하였습니다. 실행을 하면 이렇게 나온답니다. 어제부분에서 초록색 부분만 수정하였습니다. =============================== $('.b2').on("click",function(){ $('.img1').stop(); }); =============================== class b2가 click되면
-
Jquery[제이쿼리] finish() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 03:38
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] finish() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on("click",function(){ $('.img1').clearQueue().stop().css({ "top":"100px", "left":"450px" }).animate({ "top":"500px" },3000).animate({ "left":"1400px" },3000).animate({ "top":"100px", },3000).animate({ "top":"250px", "left":"900px" },3000); }); ========================..
-
Jquery[제이쿼리] toggleClass() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 03:12
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] toggleClass() 메서드를 배워보겠습니다. 어제 소스에서 조금 수정하여 준비해보았습니다. 실행 화면입니다. =============================== $('.b1').on("click",function(){ $('li').toggleClass("li_class"); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] addClass(),removeClass() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 02:24
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] addClass(),removeClass() 메서드를 배워보겠습니다. 오늘은 이렇게 준비해보았습니다. 실행 화면입니다. 이렇게 나오면된답니다. =============================== $('.b1').on("click",function(){ $('li').addClass("li_class"); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] clone() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 01:50
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] clone() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다.!^ㅡ^/ 실행화면입니다. 그럼 시작해볼께요~ =============================== $('li').on("click",function(){ alert("clone()메서드 예제 이벤트 확인"); }); =============================== 태그가 click되면 alert()메서드로 "clone()메서드 예제 이벤트 확인" 라는 경고창이 뜨도록 하였습니다. 실행 화면입니다. 여기까지는 자주해서 쉽죵? =============================== $('.b1').on("click",function(){ $('li:firs..
-
Jquery[제이쿼리] children() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 30. 22:25
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] children() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다.!^ㅡ^/실행화면입니다. 준비하시고 시작해볼까요~ =============================== $('.b1').on("click",function(){ $('ul').children().css("color","blue"); setTimeout(function(){ $('ul').children().css("color","black"); }, 2000); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] animate()메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 30. 22:20
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] animate()메서드를 배워보겠습니다. 이렇게 준비해보았습니다.!^ㅡ^/ 그림파일 경로는 이렇게 되어있습니다. 실행화면입니다. 그림은 아무거나 맘에드시는걸로 하시면된답니다. =============================== $('.img1').on("click",function(){ $('.img1').animate({"width":"200px","height":"50px"}).animate({"height":"200px"}); }); =============================== class img1가 click되면
-
Jquery[제이쿼리] slice() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 28. 21:44
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] slice() 메서드를 배워보겠습니다. slice()메서드도 eq(),:lt(),:gt()처럼 인덱스 번호로 선택할 수 있습니다. 이렇게 준비해 보았습니다. 실행하면 이렇게 나오면 된답니다. =============================== $('li').slice(3).css("color","blue"); =============================== 태그의 대상으로 slice()메서드를 사용하여 지정한 인덱스 번호보다 크거나 같은 태그의 css를 변경하는 코드입니다. 전 인덱스 번호가 3보다 크거나 같은 태그의 css를 변경하였습니다. 인덱스번호는 0 1 2 3 4 5 6 이런식으로 0부터 시작한답니다. ==..