Javascript를 jQuery로 변환하기(1) - innerHtml, style, value / html(), css(), val()

Javascript를 jQuery로 변환하기

jQuery를 이용하면 선택자를 사용하여 훨씬 간단한 코드로 개체를 조작할 수 있다. 다음은 Javascript의 innerHtml, style, value를 jQuery로 바꾸는 방법이다. 

1. innerHtml → html( )

-Javascript

document.getElementById("아이디").innerHtml = "입력값";

-jQuery

$("#아이디").html("입력값");

 

2. style → css( )

-Javascript

document.getElementById("아이디").style.visibility = "hidden";

-jQuery 

$("#아이디").css("visibility", "hidden");

 

3. value → val( )

-Javascript

document.getElementById("아이디").value;

-jQuery

$("#아이디").val();