설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • 패스트캠퍼스
    • MYSQL
    • docker
    • Angular
    • angular2
    • angular4
    • page not found
    • jquery invalid
    • angular callback
    • CORS
    • flex
    • RESTful
    • 크로스도메인
    • 404 error
    • jOOQ
    • Kafka
    • mongodb
    • Redis
    • INVALID
    • angular 콜백

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/jQuery

    3) jQuery 기본세팅

    2012. 4. 5. 10:15

    1. 제이쿼리 홈페이지 둘러보기 :  http://jquery.com/
        - 메뉴 Documentation, Tutorials를 주로 보았고, 주로 보게될꺼고, 주로 보라고 하셨다.

    2.1.1. 제이쿼리 다운로드 : http://docs.jquery.com/Downloading_jQuery
    2.1.2. 제이쿼리 적용 : http://docs.jquery.com/How_jQuery_Works
               (경로만 지정해주면된다 : <script src="jquery.js"></script>)

    2.2 다운안받고 jQuery쓰는법
        - URL에서 제공해주는걸 갖다써도 jQuery를 사용하는데는 문제없다.
        ※ 하지만 상용에서는 js파일이 없어지거나 경로가 수정될수도 있는일이므로, 실습할때만 사용하라고 하셨다..

    <script src="http://code.jquery.com/jquery-latest.js"></script>
           구글 -  http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
            MS -   http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js

    3. 시작 : http://docs.jquery.com/How_jQuery_Works

    <script type="text/javascript"> $(document).ready(function(){

    $("a").click(function(event){        // a태그가 클릭되었을때 alert("Thanks for visiting!"); }); }); </script>

    [ jQuery 기본시작함수 ]
    $(document).ready(function)
    : 페이지가 모두 로드되진 않았지만 DOM이 준비되어 있을 경우 발생한다.
    : window.onload = function() {}

    jQuery(document).ready(function)
    == $(document).ready(function)
    == jQuery(functino())
    모두 같다


    4. 주로 봐야할부분
    Selecter & Event & Effect

    참고
    Selectors : http://www.w3schools.com/jquery/jquery_ref_selectors.asp 
                    http://api.jquery.com/category/selectors/

    Events    :   http://www.w3schools.com/jquery/jquery_ref_events.asp 
                     http://api.jquery.com/category/events/ 

    Effects    :   http://www.w3schools.com/jquery/jquery_ref_effects.asp 
                     http://api.jquery.com/category/effects/



    'Front-End > jQuery' 카테고리의 다른 글

    이클립스에 jQuery 플러그인 설치하기  (0) 2012.04.05
    5) Selectors - firstChild & nextSibling  (0) 2012.04.05
    4) Selectors - 태그접근(태그,id,class)  (0) 2012.04.05
    1) 오브젝트 개수보기  (0) 2012.04.04
    모든 Element 개수 파악하기  (0) 2012.04.04
      'Front-End/jQuery' 카테고리의 다른 글
      • 5) Selectors - firstChild & nextSibling
      • 4) Selectors - 태그접근(태그,id,class)
      • 1) 오브젝트 개수보기
      • 모든 Element 개수 파악하기
      설 연수
      설 연수

      티스토리툴바