[jQuery]제이쿼리

*객체지향

=> js, java, python...
=> 멀티작업 가능

*절차지향

=> c...
=> 절차적으로 작업

*자바스크립트(java script)

=> 객체지향 언어
=> 웹(앱) 보이는 부분을 인터렉티브하게 작업
=> 코드가 복잡함

*제이쿼리(jQuery)

=> 자바스크립트 문법을 보다 쉽게 사용할 수 있는 장점

1. 객체: {}중괄호로 표현

2. 이벤트: function(){} 함수로 표현

3. 시간: 1초는 1000으로 표기

*라이브러리

=> 많은 양의 자바스크립트에서 필요한 명령어를 함수화 시켜 개발자가 쉽게 구현할 수 있도록 만든 집합체

*제이쿼리 사용 방법

1. 제이쿼리 웹사이트(https://jquery.com/download/)에서 제이쿼리 파일을 다운받은 후 내 폴더에 경로 지정

<script src="js/jquery-3.7.1.min.js"></script>

2. 제이쿼리 웹사이트에서 cdn 경로 ctrl+c / v

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

*제이쿼리 표기

=> 대소문자 구분함 (js와 동일)
=> -(하이픈)은 빼기로 인식함, 사용불가
=> css는 속성명 중에 -으로 표기되는 경우 카멜 형식으로 작성   ex) backgroundColor
   혹은 "background-color"같은 식으로 문자열을 묶어서 처리

*제이쿼리 선택자

=> $("선택자명").함수()
=> css의 모든 선택자 사용이 가능함
=> document / window / this
    ↳ 위 선택자는 자바스크립트에 지정되어 있는 선택자로""(따옴표) 사용XXX

script

        $(document).ready(function(){

            $(".box").css({
                width: "400px",
                height: "200px",
                backgroundColor: "royalblue"
            })

        });