티스토리 뷰

It

태그값 탐색 5

worknettwo 2023. 2. 3. 16:39

;

<!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>

;
;

;

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함