<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
// $(document) => selector, ready => action(method)
// ready => window.onload와 동일한 것임
/*
(document)=> css 선택 여기서는 document선택함
ready => window.onload와 거의 동일함
$(document).ready(); 앞에는 선택 뒤에는 실행하는 것
ready() => 안에는 함수가 들어옴
*/
$(document).ready(function(){
// getElementsByTagName("p")와 동일
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, i will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>
