태그의 class가 바뀌는 것을 catch하여 css 나 기타 내용을 변경하는 경우 12345678910 $(window).on("scroll",function() { if ($("#1stS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/happinessalbum.jpg)"}) } else if ($("#2ndS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/benaturalalbum.jpg)"}) } else if ($("#1stM").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/icecreamcake1.jpg).. 더보기 jQuery 구문 몇 개 정리 아래 내용은 인터랙티브 웹디자인북 (최성일 저) 에서 나온 내용을 발췌하여 정리한 것이다. 1. $("선택할 요소") 선택하고 싶은 요소를 넣는다. ex) $("ul li").css({"color":"blue"})$(".red").css({"color":"red"}) 2. animate() 구문은 앞에 stop(). 구문이 와야 한다. 필수는 아니지만 stop() 구문이 없으면 모션이 중첩하여 실행되기 때문에 모션 당시의 animate()만 실행하려면 앞에 stop() 구문이 있어야 한다. ex) $("div").on("mouseenter", function() {$("div").stop().animate({"width":"500px", "height":"500px"},800,"easeOutBounce".. 더보기 [서평]머릿속으로 그리는 리액트 프로그래밍 180225 http://infpress.co.kr/?p=91 확실히 초급자를 위한 책은 아니다. 1장까진 확실히 이해하고 넘어갔는데 바로 2장부터 (정확히 46p) 부터 이해가 안간다. 이 코드를 어디서 실행시키면 되는지 알려줬으면 좋을텐데.. 얼마전에 동영상 강의 본게 생각나서 맨 첫 구문이 어디서 왔는지 기억이 안나는 관계로 아예 이 이후부터는 손도 대지 못했다. 조금만 더 초기 세팅에 관해서 기술했으면 좋았을 뻔 했다. 책 설명에도 중급자를 위한 책이라고 나오니, 중급자가 되면 다시 봐야겠다. 내가 부족한 탓입니다...... 다음에 중급자가 되어 다시 한 번 서평을 쓰겠습니다. 더보기 이전 1 ··· 66 67 68 69 70 71 72 다음