밀 Interaction ٩(`╹ω╹´)و

*append: (글에) 덧붙이다, 첨부하다. *prepend: 접두어을 붙이다, 다른것에 표현이나 구문을 덧붙이다. *insert: (다른 것 속에둘 사이에) 끼우다[넣다/삽입하다] See the Pen [jQuery] .append(), .appendTo(), .prepend(), prependTo() by mill (@millfeel) on CodePen. .append() $(target).append(source); target의 마지막에 source(새로운 요소나 콘텐츠)를 추가한다. .appendTo() $(source).appendTo(target); source(새로운 요소나 콘텐츠)를 target의 마지막에 추가한다. Q. .append()와 .appendTo()의 차이는? .appen..

.on() 메서드는 이벤트 핸들러를 연결하는데 필요한 모든 기능을 제공한다. *모든 기능이란, 1.7 버전 이전에는 이벤트 핸들러를 사용하기 위해 "bind(), .delegate(), .live()"를 각각 사용했지만, 1.7 버전 이후에는 .on() 메서드 하나로 통합되었다. .blind() jQuery 이벤트를 다른 함수로 연결(bind)해주는 함수 .delegate() 선택한 요소 하위 요소에 이벤트를 등록한다. .live() 아직 생성되지 않은 엘리먼트에도 추후에 생성될 때 이용할 수 있는 이벤트를 미리 걸어둘 수 있다. 즉, .on() 메서드는 위 기능을 모두 가지고 있다. 사용 방법 // 기본형 $('선택자').on('이벤트 종류', function(){ 실행할 내용 }) // 하나의 이벤트..

1. 요소를 선택하는 방법 $('요소 선택자'); "HTML 요소를 기반에 두고, jQuery의 고유 요소를 생성한다."라는 기능이 있는 함수. 이 $()함수를 통해 jQuery 고유의 형식으로 변환된 요소를 "jQuery 객체"라고 한다. [JS와 비교] [주의사항] $() 함수를 사용해 jQuery 객체를 만들어야만 jQuery 라이브러리에 있는 문법을 사용할 수 있다. jQuery 2. CSS를 수정하는 방법 // 1개인 경우 $('요소선택').css('속성', '값'); // 1개 이상인 경우 $('요소선택').css({'속성':'값', '속성':'값', ... }); [JS와 비교] // JS는 CSS 속성을 한꺼번에 변경하는 기능은 없는 듯하다. document.querySelector('di..

console.log('out__top') function foo() { console.log('foo'); } $(window).on('load', function(){ console.log('jQuery - load') }) $(document).ready(function () { console.log('jQuery - ready'); }) $(function () { console.log('jQuery - ready 축약') }) window.addEventListener('DOMContentLoaded', function () { console.log('DOMContentLoaded') }) window.addEventListener('load', function () { console.log('..