햄찌개

JQUERY - parent().is 예제 본문

UI설계 및 구현 -웹프로그래밍

JQUERY - parent().is 예제

햄찌개 2020. 10. 8. 11:24 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("div").css("border","2px dashed red");
		$("p").click(function() {
			if ($(this).parent().is("div")) {
				$(this).clone().appendTo(this).css("color","red");
			}else{
				alert("작업 대상이 아닙니다.");
			}
		});
	});
	//appendTo는 뒤에있는 객체에 앞에있는 내용을 붙히겠다는 의미이고 
	//append는 앞에있는 객체에 뒤라는 객체를 붙히겠다는 뜻이다.

</script>
</head>
<body>
	<div>
		<p>Click 1</p>
	</div>
	<p>Click 2</p>
	<div>
		<p>Click 3</p>
	</div>
	<p>Click 4</p>
</body>
</html>

div클릭시 (Click1) 

 

저작자표시

'UI설계 및 구현 -웹프로그래밍' 카테고리의 다른 글

UI -디자인 연습  (0) 2020.10.13
JQUERY - filter 예제  (0) 2020.10.08
JQUERY - checkbox  (0) 2020.10.07
JQUERY - 애니메이션 연습 - animate  (0) 2020.10.06
JQUERY - 애니메이션 연습 - fade  (0) 2020.10.06
'UI설계 및 구현 -웹프로그래밍' Related Articles more