요소의 추가 / 복사 및 삭제 요소의 추가 제이쿼리는 새로운 요소나 콘텐츠를 손쉽게 추가할 수 있도록 여러 메소드를 제공한다. 기존 요소의 내부에 추가 다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있다. .append( ).prepend( ).appendTo( ).prependTo( ) .append( ) 메소드 .append( ) 메소드는 선택한 요소의 '마지막'에 새로운 요소나 콘텐츠를 추가한다. 예제1234567891011121314151617181920212223242526272829 jQuery Element Insert $(function() { $("button").on("click", function() { $("#list").append("새로 추가된 아이..
요소의 선택 요소의 선택 제이쿼리를 사용하면 손쉽게 HTML 요소를 선택하여, 선택된 요소에 특정 동작을 설정할 수 있다. 제이쿼리에서는 요소를 선택하기 위해 대부분의 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지 제공하고 있다. CSS 선택자를 이용한 선택 제이쿼리에서는 CSS 선택자를 사용하여 HTML 요소를 선택할 수 있다. 태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택할 수 있다. 이것은 자바스크립트의 getElementByTagName( ) 메소드와 같은 동작을 한다. 예제1234567891011121314151617181920212223242526 jQuery Element Selection $(function() { $("p").on("click", functio..
제이쿼리 시작 제이쿼리(jQuery) 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다. 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 수 있다.또한, Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용하여 빠르게 개발할 수 있다. 제이쿼리를 배우기 위한 사전지식 제이쿼리는 자바스크립트 라이브러리이므로, 자바스크립트 언어에 대한 기초 지식이 필요하다.또한, HTML 요소를 선택하고, CSS 스타일을 변경하는 등 HTML 과 CSS와도 많은 연관이 있다. 따라서 제이쿼리를 배우기 전에 다음과 같은 기초 지식이 필요하다. HTMLCSS자바스크립트 제이쿼리의 역사 제이쿼리는 2006년 미국의 존 레식(John ..