<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
/*
문서 객체의 내부 추가
html() :문서 객체 내부의 글자와 관련된 모든 기능을 수행
(HTML 태그인식)
text() : 문서 객체 내부의 글자와 관련된 모든 기능을 수행
형식)
1. $(selector).html(value);
2. $(selector).html(function(index,html){});
-
*/
$(function(){
$('div').html('<h1>html() 메서드 입니다.</h1>')
//$('div').text('<h1>html() 메서드 입니다.</h1>')
});
</script>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
/*
문서 객체의 내부 추가 - html() 메서드
html() 메서드에서 가용된 함수의 두번째 매개 변수 html()은
원래 있던 HTML의 내용을 의미한다.
*/
$(function(){
$('h1').html(function(index,html){
return '★ ' + html + index + ' ★' ;
});
});
</script>
<body>
<h1>월요일</h1>
<h1>화요일</h1>
<h1>수요일</h1>
</body>
</html>
' sundries' 카테고리의 다른 글
| 3-20 $() 메소드 문서 객체 생성 (0) | 2018.01.12 |
|---|---|
| 3-18 empty() remove() (0) | 2018.01.12 |
| 3-13 text() 노드 (0) | 2018.01.12 |
| 3-11 css 메서드 콜백 함수 (0) | 2018.01.12 |
| 3-8 removeAttr() (0) | 2018.01.12 |
