본문 바로가기

jQuery 이벤트 bind() bind( eventType, data, handler) html * { margin:0; padding:0; }#box { width:200px; height:200px; border:2px solid blue; margin-left:300px; margin-top:200px; background-color:blue;}#box.mouseover { background-color: red; }#box.mouseout { background-color: green; }#box.mousedown { background-color: purple; }#box.mouseup { background-color: #FF9C00; }#box > p { padding:30px; color:white; } $(docume.. 더보기
jQuery 엘리먼트 감싸기 풀어내기 wrap(wrappingElement) : 각요소를 매개변수로 감사줍니다.wrapAll(wrappingElement) : 모든 요소를 매개변수로 감싸줍니다.wraplnner(wrappingElement) : 각 요소를 매개변수로 감싸줍니다.unwrap(wrappingElement) : 요소를 감싸고 있는 부모엘리멘트를 제거합니다. ① wrap() wrap() 메서드의 경우 select한 엘리먼트의 확장 집합을 개별적으로 wrapping을 한다. wrapAll() 메서드의 경우 select한 엘리먼트의 확장 집합의 전체를 모아 한번에 wrapping을 한다. wrap() 메서드의 경우 select한 엘리먼트의 확장 .. 더보기
jQuery 엘리먼트 메서드 append(html 문자열) : html문자열 추가 또는 이동prepend(html 문자열) : 맨 앞에 html 문자열을 추가 또는 이동 before(html 문자열) : 바로 앞에 html 문자열 추가 또는 이동 after(html 문자열) : 형제엘리먼트의 바로 뒤에 html 문자열을 추가 또는 이동appendTo(target) : 자식엘리먼트 중 맨 뒤로 이동prependTo(target) : 자식엘리먼트 중 맨 앞으로 이동시킵니다.insertBefore(targets) : 형제엘리먼트 바로 앞으로 이동시킵니다. insertAfter(targets) : 형제엘리먼트 바로 뒤로 이동시킵니다, ① append() 메서드 활용_html문자열 추가 또는 이동.newElement { color:red; .. 더보기