<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append(" <b>Appended text</b>.");
});
$("#btn2").click(function(){
$("ol").append("<li>Appended item</li>");
});
$("#btn3").click(function(){
$("p").eq(0).append("<b>Appended item</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">Append text</button>
<button id="btn2">Append list items</button>
<button id="btn3">여기누르면 This is a paragraph. 에만 추가되도록 수정</button>
</body>
</html>
'progarm_old > [HTML-Jquery]' 카테고리의 다른 글
| [map] 구글지도 주소로 좌표 뽑기 (0) | 2017.08.02 |
|---|---|
| [jQuery] setTimeout 실행딜레이~ (0) | 2017.03.29 |
| jqeury 제일 중요한것들 한자 (0) | 2016.10.25 |
| 리사이즈 체크 (0) | 2016.09.26 |
| 셀렉트변환작업 (0) | 2016.06.22 |