본문 바로가기

728x90

기타/jQuery

(18)
[jQuery] 제이쿼리 append, prepend 사용해 요소 추가하기 오늘은 제이쿼리를 사용해 선택된 요소에 html 코그를 추가하는 방법에 대해 알아보도록 하겠습니다. append, prepend를 사용하면 손쉽게 구현할 수 있습니다. 메서드 설명 .append() 마지막에 추가할 때 사용 .prepend() 맨 앞에 추가할 때 사용 1.append $(요소 선택).append(추가할 html 코드) $를 통해 클래스나, id를 선택하고 추가할 html 코드를 넣어 추가해 줄 수 있습니다. item1 itme2 마지막 요소에 html 코드가 추가됩니다. 첫 번째에 추가하고 싶다면 prepend를 사용하시면 됩니다. 2.prepend. $(클래스나 id선택).prepend(추가할 html코드) item1 itme2 위와 같은 결과가 나옵니다.
[jQuery] 제이쿼리 cdn으로 사용하기 제이쿼리는 HTML 이벤트 처리 등 다양한 기능을 부여하는 오픈소스 기반의 자바스크립트 라이브러리입니다. 짧고 단순하게 웹페이지의 다양한 효과를 적용할 수 있어 많이 사용됩니다. CDN이란? 라이브러리를 가져와 사용할 때는 로컬에 다운로드하거나 웹의 주소를 입력하며 됩니다. 여기서 웹 주소를 입력하는 것이 cdn입니다. cdn은 content delivery nerwork의 약자로 웹사이트의 접속자가 콘텐츠를 다운로드할 때 자동으로 가장 가까운 서버에서 다운로드할 수 있도록 하는 기술입니다. cdn을 사용하면 빠르게 제이쿼리를 로드할 수 있습니다. cdn은 사용할 일이 많으니 개념을 반드시 익혀 두시기 바랍니다. 제이쿼리(jQuery) CDN 사용법 위의 코드 중 하나를 html head 태그에 삽입해주..

728x90