<Jquery> object handler

TIL/JQuery
<Jquery> object handler

삼공비 2021. 3. 9. 12:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>here</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
	$(function(){
		// text, html - innerHTML랑 같은 의미
		var tag = "<img src='../img/icon07.png'><div>글자</div>";
		// document.getElementById("result").innerHTML = tag;
		$('#result').html(tag);
		console.log($("#result").html());
		
		$('#result').text(tag);
		console.log($('#daum1').text());
		
		$("h2").children('a').attr('href', 'https://www.nate.com');
		$("h2>a").attr('target','_blank');
		
		//속성값 지우기
		//$('h2').children('a').attr('href','');
		$('a').removeAttr('href');
	});
</script>
</head>
<body>
<h1 id="daum1">객체 조작1</h1>
<h2><a href="">객체 조작2</a></h2>
<div id="result">

</div>
</body>
</html>