jQuery - intro

jQuery란?

jQuery는 HTML의 DOM 조작과 이벤트 제어, 애니메이션 그리고 Ajax까지 웹 화면을 다루는 자바스크립트 라이브러리입니다.

제이쿼리는 css와 같은 표현식을 사용하며, HTML 페이지의 모양이나 내용을 수정하고 사용자와 페이지의 사호작용, 애니메이션 추가 등에 사용합니다.
제이쿼리의 특징은 DOM요소의 속성을 설정하고, 생성하거나 삭제, 표시 또는 숨깁니다.
클릭, 마우스의 이동, 동적 스타일 등의 이벤트를 정의합니다.
AJAX를 호출합니다.

jQuery 기본 규칙

• 제이쿼리를 사용하기 위해서는 먼저 다운로드 하여 설치한 후 사용함
• 제이쿼리 작성 기본 형식 : $(선택자).액션();
• -$ : 제이쿼리를 의미하며, 제이쿼리를 시작하는 식별자
• -선택자 : 원하는 요소를 선택
• -액션 : 선택한 요소에 원하는 동작을 지정하기 위한 함수와 메소드
• ex)$(this).hide() : 해당 HTML 요소를 숨김

 

메소드 연습해보기

$(document).ready(function(){

/* 클릭하면 <p> 요소 숨김*/
$("p").click(function(){
 $(this).hide();
 });
 
 /* div 요소를 페이드인 */
 $("button").click(function(){
 $("#div").fadein("slow");
 });
 
  /* 버튼을 클릭하면 p요소 내용이 슬라이드업 */
 		$(".btn").click(function(){
 		$("p").slideUp("1000");
 	});
 });