고정 헤더 영역
상세 컨텐츠
본문
반응형
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/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>");
});
});
</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>
</body>
</html>
$("#btn1").click(function(){ -- 아이디가 btn을 클릭하면
$("p").append(" <b>Appended text</b>."); -- p태그에 <b>Appended text</b> 을 붙인다(바로뒤에)
});
'관리X 과거글' 카테고리의 다른 글
| ajax , json 을 이용해서 회원정보 가져오기 (1) | 2015.03.03 |
|---|---|
| 제이쿼리 ajax 데이터 가져오기 (0) | 2015.03.03 |
| 제이쿼리 value값 얻기 , 셋팅하기 (0) | 2015.03.02 |
| Jquery 포커스를 얻을때 , 잃었을때 (0) | 2015.03.02 |
| 자바스크립트 onmouseover 를 Jquery 로 (0) | 2015.03.02 |
