JQUERY 10

by duckduck0054

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  </head>
  <body>
    <div>
      <!-- div는 Division의 약자. 레이아웃을 나눌 때 사용합니다.-->
      <input type="button" name="btn_1" id="btn_1" value="버튼1">
      <button name="btn_2" id="btn_2">버튼2</button>
      <p>버튼 클릭한 후</p>
    </div>
  </body>
  <script type="text/javascript">
  	// 파일의 인코딩 방식과 웹 브라우저가 사용하는 인코딩 방식이 달라 한글이 깨지는 경우가 있습니다.
  	// 그렇기 떄문에 하나로 통일해 주거나 알려주어야 합니다.
    // 한국에서 사용되는 인코딩 방식으로는 euc-kr 방식과 UTF-8 방식이 있습니다.
    // euc-kr은 영어를 이외의 문자를 표현하기 위해 확장한 인코딩 방식입니다.(즉, euc에 kr을 확장)
    // 확장했기 때문에 외국에서 한글 페이지를 제대로 볼 수 없는 문제가 발생하여
    // 새로운 인코딩 방식이 개발되었는데 그게 UTF-8입니다.(UTF-8 강력 권고사항)
    $(document).ready(function(){
    	$("#btn_1").click(function(){
      	$("p").css("background-color", "brown");
      });
    });
  </script>
</html>