속성조작 메서드는 요소의 속성을 조작할 때 사용하는 메서드 인데요. html메서드 게터와 세터의 예제를 통해 문법을 확인해봅니다.
html메서드 게터
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>제이쿼리 메서드</title>
<script src="jquery-1.12.0.min.js"></script>
<script>
//준비구문 - 컨텐츠 구현까지 된 후에 스크립트 구문 실행
$(window).load(function(){
//html() - 문서객체의 텍스트컨텐츠를 컨트롤하는 메서드
//게터 - 텍스트컨텐츠를 얻어옴
//html()
var text = $('h1').html();
alert(text);
});
</script>
</head>
<body>
<h1>제목태그</h1>
</body>
</html>
html메서드 세터1
<script>
$(window).load(function(){
//세터 - 텍스트컨텐츠를 변경
$('h1').html('Title Tag');
});
</script>
html메서드 세터2
<script>
$(window).load(function(){
$('h1').html(function(i){
return 'Title Tag' + (i + 1);
});
});
</script>
html메서드 세터3
<script>
$(window).load(function(){
$('h1').html(function(i,text){
return text + (i + 1);
});
});
</script>
댓글