<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<!--
태그와 태그 사이에 있는 값을 가져온다
-->
<script>
/*
text() 메서드 : 문서 객체 내부의 글자와 관련된 기능을 수행
1. $(selector).text();
- 선택자의 텍스트 노드의 값을 가져옴
2. $(selector).text(value);
- 선택자의 텍스트 노드의 값을 변경
3. $(selector).text(function(index),text{});
-
*/
$(function(){
var text = $('h1').text('change');
//출력
//첫번 째 문서 객체의 글자를 가져오지 않고 선택자로 선택한 모든 문서 객체의
//글자를 이어서 출력 ;
alert(text);
});
</script>
<body>
<h1>Header-0</h1>
<h1>Header-1</h1>
<h1>Header-2</h1>
</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>
/*
text() 메서드 : 문서 객체 내부의 글자와 관련된 기능을 수행
1. $(selector).text();
- 선택자의 텍스트 노드의 값을 가져옴
2. $(selector).text(value);
- 선택자의 텍스트 노드의 값을 변경
3. $(selector).text(function(index),text{});
-
*/
$(function(){
var text = $('h1').text(function(index,text){
alert('index= '+ index +' , ' +'text= ' + text);
});
});
</script>
<body>
<h1>Header-0</h1>
<h1>Header-1</h1>
<h1>Header-2</h1>
</body>
</html>
' sundries' 카테고리의 다른 글
| 3-18 empty() remove() (0) | 2018.01.12 |
|---|---|
| 3-14 html(메서드) (0) | 2018.01.12 |
| 3-11 css 메서드 콜백 함수 (0) | 2018.01.12 |
| 3-8 removeAttr() (0) | 2018.01.12 |
| 3-6 attr() 콜백 함수 / 속성값 Object 사용 (0) | 2018.01.12 |
