이번 글에는 요소를 복사하는 방법에 대하여 알아보도록 하겠습니다. clone() 메소드 - 선택한 요소를 복사하여 새로운 요소를 생성이 가능합니다. 예제를 통하여 자세히 살펴보도록 하겠습니다. 아래 코드는 을 클릭하면 'firstItem' 이라는 id를 가진 태그를 복사하고 추가하는 예제입니다. .clone() 메소드 첫 번째 아이템이에요! 두 번째 아이템이에요! 세 번째 아이템이에요! 아이템 복사 출력 결과 정상적으로 화면에 나온 것을 확인할 수 있습니다.
2020. 4. 11.제이쿼리 문법 $(선택자).함수(); 달러($) 기호는 제이쿼리 자체를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자라고 생각하시면 됩니다. 선택자를 이용하여 원하는 HTML 요소를 선택하고, 함수를 정의하여 선택된 요소에 원하는 동작을 설정합니다. 이해하기 쉽게 예제를 통하여 다시 한 번 확인해보겠습니다. 아래 코드는 태그를 클릭하면 태그의 글자크기가 100px로 바뀌는 예제입니다. $(function() { $("p").on("click", function() { $("body").css("fontSize", "100px"); }) }) $() 함수의 인수로는 HTML 태그 뿐만 아니라, CSS 선택자도 가능하여 특정 HTML 요소를 선택할 수 있습니다. 이러한 $() 함수를 통해 생성된 요소를..
2020. 4. 9.Jquery 적용 방법 Jquery는 자바스크립트 라이브러리이므로, 제이쿼리 파일은 자바스크립트 파일(js 파일) 형식의 형태로 존재합니다. 따라서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 웹 페이지에 로드(load)해야 합니다. 웹 페이지에서 제이쿼리 파일을 로드하는 방법은 2가지로 다음과 같습니다. 1. 제이쿼리 파일을 다운받아 로드하는 방법 2. CDN을 이용하여 로드하는 방법 제이쿼리 파일을 다운받아 로드하는 방법 최신 버전의 제이쿼리 파일은 아래 링크에서 다운받을 수 있습니다. Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The..
2020. 3. 18.