children : 특정 엘리먼트의 자식 엘리먼트를 반환함
매개변수
제거할 엘리먼트를 찾기 위한 셀렉터 표현식
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
span{
color: blue;
background: yellow;
}
</style>
<script src = "../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('button').click(function(){
$('span').parents().css('border-bottom', '3px double red');
});
})
</script>
</head>
<body>
<button> 엘리먼트에 스타일 입히기</button>
<p> 이곳은 p문장입니다. </p>
<div>
<h1 class="selected">하하하
<span class="selected"> 이곳은 div의 차일드 span 이다.</span>
</h1>
<h2>호호호</h2>
</div>
<p>
그리고 <span> 여기는 p의 차일드 span </span> 문장입니다.
</p>
<div> 그리고 마지막으로
<span> 이곳은 div의 차일드 span 이고</span>
이곳은 div이다.
</div>
<div>
div
<p> p영역
<span class="selected">span</span>
</p>
</div>
</body>
</html>
결과
버튼클릭시 다음과 같은 결과가 나온다
'JQuery' 카테고리의 다른 글
| [jQuery] append (0) | 2023.09.21 |
|---|---|
| [jQuery] siblings (0) | 2023.09.21 |
| filter (0) | 2023.09.21 |
| add (0) | 2023.09.21 |
| toggle (0) | 2023.09.21 |
