도도의 IT이야기

우리는 지금까지 이벤트를 이런형식을 달아왔습니다 button[0].addEventListener('click',myFunc); 이렇게 jquery object를 unwrap을 하고 Vanilla js의 메소드를 사용할 수 있었습니다. 하지만 여기에 한가지 문제가 있습니다. vanilla js addeventlistener는 IE8이나 다른 인터넷 버전 호완이 안좋다는 거죠. 그래서 우리는 jQuery의 이벤트 바인딩 메소드를 사용할 수 있습니다. .on()은 addEventListner랑 같은 방식으로 사용될수 있습니다. button.on('click',myFunc); 이런 식으로 말이죠 이제 클릭하면 콜백함수인 myFunc이 실행될것입니다. .on의 엄청난 장점이 하나 있습니다. 이런 JS코드를 봅시다..

지금까지 여러 jQuery method들을 알아봤는데요. 이번엔 CSS를 바꾸는 방법대해서 알아보겠습니다. 당연히 CSS를 바꾸는 방법은 .css 메소드를 사용하겠죠. 하지만 좀더 자세히 알아봅시다. 일단 HTML코드를 만듭시다. blah 이런 코드가 있다고 해봅시다. 여기서 먼저 div element의 color속성을 알고 싶다! 하면 이렇게 합시다. $('div').css('color');//return red 이렇게 선택한 element의 css attribute을 인자로 보내면 value를 리턴합니다 그럼 선택한 css attribute을 바꾸려면? 쉽습니다. 그저 두개의 인자를 보내면되죠. $('div').css('color','black'); 이렇게 색을 바꿀 수 있습니다. 근데 바꾸고 싶은 ..

.empty()는 innerHTML을 지움. .remove()는 어떠한 element를 아예 없앰. hi I am dodo $('p').empty()//결과 $('p').remove()//결과: 없어짐 이제 element의 attribute을 제거하거나 바꾸는 방법을 알아보자 이러한 html이 있다고 해보자 .removeAttr()은 받은 인자로 받은 attribute을 완전히 지운다. $('div').removeAttr('class')//결과: .attr 은 attribute의 값을 바꾸거나 return한다. $('div').attr('class','anotherBanner'); //결과: $('div').attr('class');// anotherBanner을 리턴함