티스토리 뷰
; |
<!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' 카테고리의 다른 글
모든 태그중 원하는 태그 수 세기( class 값으로) (0) | 2023.02.04 |
---|---|
자아개념 (0) | 2023.02.03 |
원하는 속성 값 찾기 (0) | 2023.02.02 |
골프 용어 보기(Bogey) 더블보기(Double bogey) 트리플보기(Triple bogey) (0) | 2023.02.01 |
2장 중요 복습 (0) | 2023.01.31 |