안녕하세요. 혀코입니다.
이번 시간에는 jQuery에서 find를 사용하는 방법에 대해서 알아보겠습니다.
jQeury에서 find를 사용하면 원하는 html 태그를 쉽게 찾을 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery - find</title>
</head>
<body>
<p><span>Hi.</span> My name is Hyukho.</p>
<p>Welcome to my <span>blog</span></p>
</body>
</html>
여기에서 jQuery find를 사용해서 span 태그를 찾고 span 태그의 텍스트 색상을 빨간색으로 지정해보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery - find</title>
<script
src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
</head>
<body>
<p><span>Hi.</span> My name is Hyukho.</p>
<p>Welcome to my <span>blog</span></p>
<script>
$('p').find('span').css({'color':'red'});
</script>
</body>
</html>jQuery find를 사용해서 p 태그 안의 span 태그를 찾고 css를 사용해서 span 태그안의 텍스트 색상을 빨간색으로 변경했습니다.
이렇게 jQuery에서 find를 사용하는 방법에 대해서 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다. :)
댓글