크게 작게 인쇄

[jQuery]jquery 기본 예제


jquery 기본 예제

<jQuery Core>

1. jQuery( html )  Returns: jQuery
jQuery( html ), 실행후 jQuery객체를 반환

Create DOM elements on-the-fly from the provided String of raw HTML.
주어진 html을 가지고 빠르게 문서 원소를 생성한다. 
그리고 jQuery객체로서 그 것을 반환한다.
이말은 그것을 이어서 jQuery의 다른 함수와 함께 사용가능하다는 뜻이다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
   $("<div><p>Hello</p></div>").appendTo("body");
  });
  </script>

</head>
<body>
</body>
</html>


2. jQuery( elements )  Returns: jQuery
jQuery( 원소 ) jQuery( 원소.원소.원소 ), 실행후 jQuery객체를 반환

Wrap jQuery functionality around a single or multiple DOM Element(s).
하나 또는 다단계의 문서원소로서 사용할수 있다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
   $(document.body).css( "background", "black" );
  });
  </script>

</head>
<body>
</body>
</html>


3. jQuery( callback )  Returns: jQuery
jQuery( 콜백함수 ), 실행후 jQuery객체를 반환

A shorthand for $(document).ready().
$()은 $(document).ready() 의 짧은 표현으로 사용가능하다.
$(document).ready() 은 문서가 사용가능한 시점을 자동으로 인식하여 주어진 콜백 함수를 동작시킨다.
콜백함수란 지정된 행위가 끝난다음 자동적으로 실행될 함수를 의미한다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(function(){

   $(document.body).css( "background", "black" );
  });
  </script>

</head>
<body>
</body>
</html>







※ 로그인 하시면 원본파일을 볼 수 있습니다. ※

0
코멘트 0
자동등록방지 코드
HTML5/CSS3 | 전체게시물 42
안내

포인트안내닫기

  • 글읽기0
  • 글쓰기100
  • 댓글쓰기50
  • 다운로드-500
HTML5/CSS3리스트
번호 제목 글쓴이 날짜 조회 추천
42 파일첨부 링크 슈퍼맨 웹스터디 02-07 4334 0
41 파일첨부 +1 슈퍼맨 웹스터디 11-27 3259 0
40 텍스트 슈퍼맨 웹스터디 10-27 3241 0
39 텍스트 링크 슈퍼맨 웹스터디 10-03 3801 0
38 파일첨부
[jQuery]jquery 기본 예제
슈퍼맨 웹스터디 12-07 3574 0
37 텍스트 슈퍼맨 웹스터디 06-22 3974 0
36 텍스트 +1 링크 슈퍼맨 웹스터디 06-30 3775 0
35 텍스트 슈퍼맨 웹스터디 06-30 3807 0
34 텍스트 슈퍼맨 웹스터디 06-30 3676 0
33 텍스트 슈퍼맨 웹스터디 06-30 3543 0
32 텍스트 슈퍼맨 웹스터디 07-24 3626 0
31 텍스트 링크 슈퍼맨 웹스터디 07-20 4287 0
30 텍스트 링크 슈퍼맨 웹스터디 05-07 3349 0
29 파일첨부 +4 링크 슈퍼맨 웹스터디 05-05 3530 0
28 파일첨부 슈퍼맨 웹스터디 05-03 3653 0
27 텍스트 슈퍼맨 웹스터디 05-03 3059 0
26 텍스트 링크 슈퍼맨 웹스터디 05-02 3260 0
25 텍스트 슈퍼맨 웹스터디 04-04 3297 0
24 텍스트 슈퍼맨 웹스터디 03-20 3146 0
23 텍스트 슈퍼맨 웹스터디 02-24 4859 1