<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href = "../css/mystyle.css" type="text/css">
<script src="/jqpro/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script>
$(function(){
//모든 p태그를 선택
$('p').css('border', '2px solid blue');
//클릭한 div(this) 내부의 p태그를 선택
$('.box div').on('click', function(){
$('p', this).css('font-size', '+=3px')
})
//첫번째 form내부의 p태그를 선택
$('p', document.forms[0]).css('background', 'yellow')
})
</script>
</head>
<body>
<div class = "box">
//모든 p태그를 선택<br>
$('p').css('border', '2px solid blue');<br>
//클릭한 div(this) 내부의 p태그를 선택<br>
$('.box div').on('click', function(){<br>
$('p', this).css('font-size', '+=3px')<br>
})
//첫번째 form내부의 p태그를 선택<br>
$('p', document.forms[0]).css('background', 'yellow')<br>
<br>
<div>
<p>무궁화 꽃이 피었습니다</p>
</div>
<p>흰 눈이 펄 펄 내려옵니다</p>
<form>
<p>우리집 강아지는 복슬 강아지</p>
</form>
<div>
<p>무궁화 꽃이 피었습니다</p>
</div>
</div>
</body>
</html>
신입 개발자 입니다!!!