본문 바로가기

jQuery예제4

jQuery 기타 References data() jQuery data() 는 선택된 요소에 사용자가 원하는 객체를 저장하고 불러오는 기능을 합니다. jQuery에 data 메소드가 있는 가장 큰 이유는 메모리 누수를 피하기 위해서 입니다. each() 일치하는 각 요소에 대한 함수를 실행합니다. 즉, 특정한 집합을 반복문 형태로 사용할 수 있습니다. $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); 위의 구문은 ""에 있는 text를 알림창에 표시하는 내용인데 예를 들어서 Park's의 블로그!!! 누군가에게 도움이 되는!!! 양질의 포스팅을 위해서!!! 에 있는 모든 내용을 알림창에 띄우게 됩니다. 가 3개가 있으니 3번 반복하여 알림창.. 2013. 6. 7.
jQuery HTML / CSS 함수 Reference addClass() 선택한 요소에 하나 이상의 클래스 이름을 추가합니다. after() 선택된 요소 뒤에 내용 삽입 합니다. append() 선택된 요소의 끝에 내용 삽입 합니다. appendTo() 선택된 요소의 끝에 HTML 요소를 삽입 합니다. attr() 선택된 요소의 집합에서 요소의 해당하는 속성값을 반환합니다. before() 선택된 요소 전에 콘텐츠 삽입합니다. clone() 선택한 요소를 복사합니다. css() 선택된 요소에 대해 하나 이상의 Style 속성값을 설정하거나 반환합니다. detach() 선택한 요소를 지웁니다. empty() 선택된 요소의 모든 자식 노드 및 콘텐츠를 제거합니다. hasClass() 선택한 요소에 대해 특별한 class name이 있는지 검사합니다. heigh.. 2013. 6. 4.
jQuery Effect 함수들 animate() 선택한 요소에 사용자 지정 애니메이션을 실행 clearQueue() 선택한 요소에서 아직 실행되지 않는 모든 함수 기능을 제거 delay() 선택된 요소에 대기중인 모든 기능에 대한 딜레이(지연) dequeue() 선택한 요소에 대한 다음 대기 함수를 실행 fadeIn() 선택한 요소에 대하여 fadein fadeOut() 선택한 요소에 대하여 fadeout fadeTo() 선택한 요소에 대하여 투명도를 설정 fadeToggle() 선택한 요소에 대하여 fadeIn 과 fadeOut 함수를 둘다 실행 finish() 선택한 요소에 대하여 animation을 제거하고 중지함 hide() 선택한 요소에 대하여 숨김 queue() 선택한 요소에서 대기중인 기능을 보여줌 show() 선택한 요.. 2013. 5. 31.
jQuery Effects - Animation jQuery Animation은 애니메이션 효과를 만들 수 있습니다. 기본적인 문법은 $(selector).animate({params},speed,callback); 사용합니다. animate() 간단한 속성 animate()로 CSS속성을 정의할 수 있습니다. "slow", "fast", milliseconds 로 시간을 정의할 수 있습니다. 간단한 사용 방법은 아래 구문을 확인해주세요. 의 내용을 왼쪽으로 250px 이동하는 내용입니다. $("button").click(function(){ $("div").animate({left:'250px'}); }); 관련예제 애니메이션 효과 CSS를 정의하여 좌측으로 250px 만큼 div 값을 이동합니다! // 이미지에서 확인되듯이 "애니메이션 효과" 버튼.. 2013. 5. 15.