공부하는 징뉴/퍼블 썸네일형 리스트형 제이쿼리 easing이랑 transform... move easing $("#box").animate({"transform":"rotate(360deg)"},1200,"easeOutElastic"); animate }$(에니메이트맥여줄거).animate(); 여러번X한번해주고 끝나는애.기본적으로 duration들어있음 0.4초인가 0.3초인가 그렇다함 $(function(){$("#box").animate({ "margin-left":"300px"}, 1200);}); $(function(){$("#box").animate({marginLeft:"300px"}, 1200);}); 두개적용하고시프면$(function(){ $("#box").animate({"background-color":"red", "margin-left":"300px"},1200); });이러케하면됨 오옹 제이쿼리로 css넣을때/animate줄때 하나만 넣을때css("속성":"값"); 두개이상넣을때css({"속성":"값","속성":"값"}) animate({"margin-left":"100px" 여러개쓸거면 콤마찍고해쥬믄댐}) 제이쿼리0116 제이쿼리_인접선택자 첫번째두번째세번쨰네번째 .next():다음.prev():이전 .next().next()하면 다음다음도 된다리 prev도 두번써주면 전전된다리 li:not 오대박나이거몰랏는데 css에서 이거하면 얘빼고다~! 이런거라고한다 .찾아봐야지 형제선택자~!!!!!!!!! $(".menu").siblings().css("background-color","red"); 내빼고내 형제들!!!! 그니까 이경우에는 두번째 얘 빼고 다~~~~! 배경이레드가 되는것이었던 것이었떤 것이었따 $("ul").children().css("background-color","red"); //ul의 자식들 , 그러니까 li들이 쭉다 백그라운드 레드! $("li").parent().css("background-color","red"); 이건 .. 20190114_click ㅇㅇㅇㄹㄹㅇㄷㅇㅇㅈㅈ ------------------------------------------------------------------------------------------------------ $(function(){$("ul li").click(function(){$(this).css("background-color","red");});}); 온클릭 : 이거는 나중에 온 안해야될때 off 달아서 처리안되게해줄수있뜸클릭 : 얜걍 클릭! 잘활용되는거당 20190114_jquery-css 제이쿼리로 바로 css먹여줌 *$(function(){$("#box").css({"width":"600px","height":"600px","background-color":"blue"});$("#box2").css("background-color","blue"); //속성여러개안하고 하나만할땐 걍 괄호안에 쓰면된다.}); 이전 1 2 3 다음