JQUERY-환경설정

임재헌·2023년 3월 29일

JQUERY

목록 보기
1/16
<!DOCTYPE html>   
<html lang="ko"> 
<head>
    <meta charset="UTF-8">
<title>01_jquery 시작  </title> 
<style>
    
</style>
</head>
<body>
<!-- 
        참조:https://www.w3schools.com/jquery/default.asp

        ● [자바스크립트기반 오픈소스 (.js)]
          - jQuery, Bootstrap, moment, AJAX, (AngularJS, react, vue) ~~
          - 시각화 : chart.js, d3.js 등등

        ● [jQuery] - JavaScript Library  

        ● [jQuery 오픈소스 사용방법]
            1) jQuery라이브러리를 제공하는 해당사이트 직접 링크
            <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"> </script>
            </head>

            2) jQuery라이브러리를 직접 다운 받아서 사용(추천)
            https://jquery.com/download/
            ->download the compressed, productio jquery 3.6.4
            ->우클릭 ->다른 이름으로 링크저장
            ->jquery-3.6.4.min.js
    -->

<!-- jquery import -->
<script src="jquery-3.6.4.min.js"></script>     

<script>
//jquery시작

//1.jquery() 축약형 -> $
//alert($);

//2.
/*
$(document).ready(function(){
    alert("jQuery시작");
    alert($);

});
*/

//3.
$(function () {
    alert("jQuery시작");
    alert($);
});
</script>
</body>
</html>

0개의 댓글