제이쿼리를 이용한 노드찾기

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

$()의 정체

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

css선택자

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

var $변수이름

$()함수에서 리턴해주는 값을 저장하기 위해 만든 변수 변수이름 앞에 $가 들어간 이유는 제이쿼리 기능이 들어있는 변수라는 것을 표현하기 위해서이다.

$("div")라는 구문이 실행되면 $()함수는 문서에서 div 태그를 찾은 후 div 태그를 쉽게 다를 수 있게 jQuery에 넘겨 제이쿼리 클래스 인스턴스를 만들어 리턴해 준다

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

$divs.css()

$div에는 $()함수 호출 후 리턴값으로 받은 jQuery인스턴스가 들어있기 때문에 제이쿼리의 수많은 기능중 css()라는 기능을 사용한다 이 구문이 실행되면 css() 함수(메서드)에 의해 작동한다.

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

노드 찾는방법

$("div")

$(".select")

$("div > p")

$("div ul li.select")