<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<p id="ptag">p tag id ptag</p>
<h3 class="h3tag">h3 tag class h3tag</h3>
<input type="text" id="text" value=""><br>
<button type="button">button</button>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
//★ button
// setter
$("#ptag").html("<b>새로운 p tag 문자열</b>");
// getter
var v = $("#ptag").text();
// alert(v);
//★ class
// setter
$(".h3tag").text("새로운 h3 tag 문자열");
// getter
var va = $(".h3tag").html();
// alert(va);
//★ textField
//setter
//$("#text").val("여기에 기입");
//getter
var vt = $("#text").val();
alert(vt);
});
});
</script>
</body>
</html>'DEV > jQuery' 카테고리의 다른 글
| hide함수 활용_this (0) | 2020.01.10 |
|---|---|
| mouseover, mouseout (0) | 2020.01.10 |
| 태그 마우스 클릭 시 반응_this, click (0) | 2020.01.10 |
| jQuery 버튼 호출 (0) | 2020.01.10 |
| jQuery의 개념과 동작원리 (0) | 2020.01.10 |
