jQuery를 사용해서 HTML 요소를 선택(쿼리)하고 해당 요소에 대해 "작업"을 수행 할 수 있습니다.

 

기본 구문 $(selector).action()

 

- jQuery를 정의/액세스하기 위한 $기호

 

-HTML 요소를 찾는(쿼리) (selector)

 

-엘리먼트에서 수행 될 jQuery action()

 

 

 

예)

 

$(this).hide() - 현재 요소를 숨깁니다.

 

$("p").hide() - 모든 <p> 요소를 숨깁니다.

 

$(".test").hide() - class="test"인 모든 요소를 숨깁니다.

 

$("#test").hide() - id ="test"인 요소를 숨깁니다.

 

 

 

 

문서 준비 이벤트

1
2
3
4
5
$(document).ready(function(){
 
   // jQuery methods go here...
 
});
cs

 

이는 문서로드가 완료되기 전에 jQuery 코드가 실행되지 않도록 위한 것입니다.

 

 

jQuery 팀은 문서 준비 이벤트를 위한 더 짧은 방법을 만들었습니다.

 

1
2
3
4
5
$(function(){
 
   // jQuery methods go here...
 
});
cs

 

 

 

출처:https://www.w3schools.com/jquery

'똥 싸기 > jQuery' 카테고리의 다른 글

[jQuery]숨기기/표시  (0) 2017.09.13
[jQuery]이벤트  (0) 2017.09.11
[jQuery]셀렉터  (0) 2017.09.11
[jQuery]사용방법  (0) 2017.09.11
[자바스크립트]자바스크립트 소개  (0) 2017.08.27

+ Recent posts