자바스크립트[JavaScript]/제이쿼리[Jquery]
-
Jquery[제이쿼리] siblings() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 21:43
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] siblings() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 준비한 소스의 실행화면입니다. =============================== $('.b1').on('click',function(){ $('.div0_1').siblings().not("input").css("border-color","skyblue"); setTimeout(function(){ $('.div0_1').siblings().not("input").css("border-color","black"); }, 1000); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] not() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 04:07
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] not() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.div0').children().on("click",function(){ $('.div0').children().animate({ "width":"400" },1000).animate({ "width":"50" },1500); }); =============================== class div0의 children()가 click되면
-
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..