자바스크립트
웹을 움직이는 언어, 자바스크립트! ES6+, Vue, React, Node.js 등 모던 JS 생태계를 깊이 있게 탐구하는 공간입니다.
2025.02.22 02:46
jQuery .text() 메서드
jQuery .text() 메서드는 HTML 요소 내부의 텍스트를 반환하거나 설정하는 데 사용됩니다. 이 메서드는 jQuery 1.2 버전부터 사용할 수 있습니다.
.text() 메서드의 사용법
# 텍스트 반환
`.text()` 메서드는 HTML 요소 내부의 텍스트를 반환합니다. 예를 들어:
# 텍스트 설정
`.text()` 메서드는 HTML 요소 내부의 텍스트를 설정할 수도 있습니다. 예를 들어:
.text() 메서드의 소스 코드
`.text()` 메서드는 jQuery의 `core.js` 파일에 정의되어 있습니다. 소스 코드는 다음과 같습니다:
.text() 메서드의 동작 방식
`.text()` 메서드는 다음과 같은 동작 방식을 수행합니다:
1. `value` 매개변수가 정의되지 않은 경우, `.text()` 메서드는 HTML 요소의 텍스트를 반환합니다.
2. `value` 매개변수가 정의된 경우, `.text()` 메서드는 HTML 요소의 텍스트를 설정합니다.
3. `value` 매개변수가 숫자인 경우, `.text()` 메서드는 숫자를 문자열로 변환합니다.
4. `value` 매개변수가 문자열인 경우, `.text()` 메서드는 문자열에서 HTML 태그를 제거하고 텍스트만 남깁니다.
5. `.text()` 메서드는 HTML 요소의 텍스트를 설정할 때 `textContent` 속성을 사용합니다.
결론
`.text()` 메서드는 jQuery에서 HTML 요소 내부의 텍스트를 반환하거나 설정하는 데 사용됩니다. 이 메서드는 jQuery 1.2 버전부터 사용할 수 있으며, 소스 코드는 jQuery의 `core.js` 파일에 정의되어 있습니다. `.text()` 메서드는 HTML 요소의 텍스트를 설정할 때 `textContent` 속성을 사용합니다.
[PHP] log - 자연로그
[PHP] each - 배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 이동합니다.
[PHP] defined - 주어진 이름의 상수가 존재하는지 확인합니다.
[PHP] define - 명명된 상수를 정의합니다.
JQuery .text() : 텍스트 노드 추출 및 설정
- 나우호스팅 21일 전 2025.02.22 02:46
-
13
0
jquery .text() jQuery .text() 메서드
jQuery .text() 메서드는 HTML 요소 내부의 텍스트를 반환하거나 설정하는 데 사용됩니다. 이 메서드는 jQuery 1.2 버전부터 사용할 수 있습니다.
.text() 메서드의 사용법
# 텍스트 반환
`.text()` 메서드는 HTML 요소 내부의 텍스트를 반환합니다. 예를 들어:
#hostingforum.kr
html
<div id="example">Hello, World!</div>
#hostingforum.kr
javascript
var text = $("#example").text();
console.log(text); // Hello, World!
# 텍스트 설정
`.text()` 메서드는 HTML 요소 내부의 텍스트를 설정할 수도 있습니다. 예를 들어:
#hostingforum.kr
html
<div id="example"></div>
#hostingforum.kr
javascript
$("#example").text("Hello, World!");
console.log($("#example").text()); // Hello, World!
.text() 메서드의 소스 코드
`.text()` 메서드는 jQuery의 `core.js` 파일에 정의되어 있습니다. 소스 코드는 다음과 같습니다:
#hostingforum.kr
javascript
// jQuery 3.6.0 버전의 core.js 파일에서 .text() 메서드의 소스 코드
// ...
// .text() 메서드
text: function( value ) {
return value === undefined ?
( this.length ?
this :
this.selector ) :
this.each( function() {
if ( typeof value === "number" ) {
value = String( value );
}
if ( typeof value === "string" ) {
// #7980: Remove element nodes from dom
value = value.replace( /<(?:W+w+|w+W+)*?>/g, "" );
this.textContent = value;
} else {
this.textContent = value;
}
} );
},
// ...
.text() 메서드의 동작 방식
`.text()` 메서드는 다음과 같은 동작 방식을 수행합니다:
1. `value` 매개변수가 정의되지 않은 경우, `.text()` 메서드는 HTML 요소의 텍스트를 반환합니다.
2. `value` 매개변수가 정의된 경우, `.text()` 메서드는 HTML 요소의 텍스트를 설정합니다.
3. `value` 매개변수가 숫자인 경우, `.text()` 메서드는 숫자를 문자열로 변환합니다.
4. `value` 매개변수가 문자열인 경우, `.text()` 메서드는 문자열에서 HTML 태그를 제거하고 텍스트만 남깁니다.
5. `.text()` 메서드는 HTML 요소의 텍스트를 설정할 때 `textContent` 속성을 사용합니다.
결론
`.text()` 메서드는 jQuery에서 HTML 요소 내부의 텍스트를 반환하거나 설정하는 데 사용됩니다. 이 메서드는 jQuery 1.2 버전부터 사용할 수 있으며, 소스 코드는 jQuery의 `core.js` 파일에 정의되어 있습니다. `.text()` 메서드는 HTML 요소의 텍스트를 설정할 때 `textContent` 속성을 사용합니다.
이 게시물에 포함된 라이브러리
[PHP_CONFIG] from - HTTP 요청 시 기본 From 헤더 값[PHP] log - 자연로그
[PHP] each - 배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 이동합니다.
[PHP] defined - 주어진 이름의 상수가 존재하는지 확인합니다.
[PHP] define - 명명된 상수를 정의합니다.
댓글목록
등록된 댓글이 없습니다.