JQUERY 8

by duckduck0054

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  </head>
  <body>
    <p id="htmlTest"><strong>객체 조작 및 생성 html</strong></p>
    <h1>h2 변경 전</h2>
    
    <p id="textTest"><strong>객체 조작 및 생성 text</strong></p>
    <h2>h1 변경 전</h1>
    
    <h5 style="background-color:red;">CSS</h5>
  </body>
  <script type="text/javascript">
  	$(document).ready(function(){
    	alert($("#htmlTest").html());
      $("h1").html("<i>h2 변경 후</i>");
      
      alert($("#textTest").text());
      $("h2").text("h1 변경 후");
      
      alert($("h5").css("background-color"));
      $("h5").css("background-color", "blue");
    });
  </script>
</html>