[javascript/jquery] html id, name, class 활용하기 초간단정리!

html 태그의 value 값을 jquery를 활용하여 다룰 수 있는 방법에 대해 간단하게 알아보겠습니다~

 

 

//1. By id

var name_by_id = $('#test_id').val();   //불러오기

var name_by_id = $('#test_id').val('id');  //id 라는 문자열 입력하기

//2. By class

var name_by_class = $('.test_class').val();  //불러오기

var name_by_class = $('.test_class').val('class');  //class 라는 문자열 입력하기

//3. By name

var id_by_name = $('[name="test_name"]').val();  //불러오기

var class_by_name = $('[name="test_name"]').val('name');  //name 라는 문자열 입력하기

 

val() 은 id, name, class에 해당되는 value값을 다루는 가장 기본적인 속성이며, .html, .attr 등 여러 속성들을 활용하여 jquery를 통해 data를 쉽게 다루어 주시면 됩니다.

 

 

감사합니다 :)