티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
//window.onload와 같은 기능
$(document).ready(function(){
//1. p 태그의 자식(>표현)
var x = $("p>a");
console.log(x);
//2. p태그의 자손
var x2 = $("p a");
console.log(x2);
//3. p 태그의 형제 : p태그의 바로 다음 형제
var x3 = $("p+a");
console.log(x3);
//4. p태그의 형제 모두 : p태그의 모든 형제
var x4 = $("p~a");
console.log(x4);
});
</script>
</head>
<body>
<p>
<a href="#">자식</a>
</p>
<p>
<span><a href="#">자손</a></span>
</p>
<p class="kkk">xxxxxxxxxxxx</p>
<p>xxxxxxxxxxxx</p>
<a href="#" class="kkk">aaa</a>
<a href="#" id="xyz">bbb</a>
<a href="#" id="xyz2">ccc</a>
<a href="#" class="kkk">ddd</a>
</body>
</html>
'it' 카테고리의 다른 글
| 파이썬 상속이란? (0) | 2023.03.24 |
|---|---|
| 데이터베이스 언어 (0) | 2023.03.22 |
| 원하는 속성 값 찾기 (0) | 2023.03.19 |
| PHP 구구단 (0) | 2023.03.14 |
| 개발환경 구축 -2 / JSP 개발환경 구축 (서버구축) (0) | 2023.03.13 |
