Be a groovy man by positive thinking

간단정리 1. jQuery - HTML 제어 1) append() - 컨텐츠를 선택된 요소(태그) "내부"의 끝 부분에서 추가 $(selector).append(content,content,content...) $(selector).append(function(index)) - content : 텍스트, 태그..HTML elements,jQuery objects ,DOM elements - function(index) index - 추가되는 요소의 인덱스 $("p").append("Some appended text."); This is a paragraph.여기에 추가 This is another paragraph.여기에 추가 2) prepend() - 콘텐츠를 선택한 요소 "내부"의 시작 부분에서 추가..

간단정리1. jQuery - 애니메이션 효과1) $(selector).animate({속성들},speed,callback); - 속성들 : CSS 속성 중 위치나 크기 관련 속성 - speed : "slow", "fast", or milliseconds - 효과를 실행시킬 객체의 속성 중 position:absolute, relative, fixed 중 하나로 설정 되어 있어야 함 $("button").click(function(){ $("div").animate({left: '250px'}); }) $("button").click(function(){ $("div").animate({ left: '250px', opacity: '0.5', height: '150px', width: '150px' });..

간단정리1. jQuery- 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리- 무료로 사용 가능한 오픈 소스 라이브러리- document 객체 모델과 관련된 처리를 쉽게 구현- jQuery를 내려받으려면 http://jquery.com에 접속- CDN 호스트를 사용하는 방법- $(document).ready(function(){ }); window.onload = function () {} 1) 기본 구조 - $(선택자).메서드() - $ - sign to define/access jQuery $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); 2) 기본 선택자 - element의 태그명 : $("..