Day91 - [Jquery]선택자, val

Jquery 의 선택자 및 val 함수에 대해서 알아 봅시다

 

선택자

선택자는 html 에서 사용한 태그들을 선택하는 방법 입니다.

 

$("선택자") 로 사용 합니다.

 

당연하게도, <script> </script> 사이에서 사용할 수 있습니다.

 

예제를 보죠

id 를 apple 로 가진 input 태그가 있습니다. 이 태그를 선택하려면 !?

 

기존의 java script 에서는 이렇게 사용 했었습니다.

그리고 Jquery 는 이렇게 사용 합니다.

다른 점이 있다면, java script 는 바로 태그를 가져오고, jquery 는 배열에 저장한 뒤 가져 옵니다.

 

그래서, 실제로 태그를 가지고 오려면, 뒤에 인덱스를 붙여줍니다.

실제로 사용할 때는, 인덱스를 붙이는 게 아닌 함수를 사용합니다.

 

val

val 함수는, value 에 있는 값에 접근하는 방법 입니다.

 

예제를 보죠

 

먼저, java script 에서는 어떻게 사용 했는지 봅시다.

제이쿼리 에서는 아래처럼 사용 합니다.

val 함수를 사용하면, value 에 접근해서 값을 가져 옵니다.

 

아래의 예제를 추가로 봅시다.

값을 변경하려면, () 안에 변경하고 싶은 텍스트를 넣으면 됩니다.