제이쿼리 기초 사용법

1. ready()메서드를 활용해서 시작점 만들기

ready()메서드는 노드를 찾거나 스타일을 변경하는 등의 작업을 진행할 준비가 되면 매개변수 값으로 남긴 함수를 호출해 준다.

만약 알림메시지가 뜨지 않았다면 지금 입력한 코드에 이상이 있는 것이니 코드를 확인해야 한다.

2. 제이쿼리 이용해서 노드 찾기

var $변수이름 = $("css 선택자"); //기본적인 방법

- $()는 함수호출이다. 선택자에 해당하는 노드를 찾아주는 역할을 한다.

- css선택자 : 찾고 싶은 선택자를 만들어 $() 함수의 매개변수 값으로 넣어주면 된다.

- var $변수이름 : $()함수에서 리턴해주는 값을 저장하기 위해 만든 변수

변수이름 앞에 $가 들어간 이유는 제이쿼리 기능이 들어있는 변수라는 것을 표현하기 위해서이다.

ex )

$("div")라는 구문이 실행되면 $()함수는 문서에서 div 태그를 찾은 후 

div 태그를 쉽게 다를 수 있게 jQuery에 넘겨 제이쿼리 클래스 인스턴스를 만들어 리턴해 준다

이 리턴값은 $divs라는 변수에 저장된다

$divs.css() : 접근연산자가 쓰임 $div에는 $()함수 호출 후 리턴값으로 받은 jQuery인스턴스가 들어있기 때문에 제이쿼리의 수많은 기능중 css()라는 기능을 사용한다 이 구문이 실행되면 css() 함수(메서드)에 의해 글자색이 빨간색으로 변경된다.

$변수이름.함수이름() <- 제이쿼리 기능 사용 문구