IT스러운 공간

[jQuery] DOM의 조작1 : Get, Set 본문

기타/jQuery

[jQuery] DOM의 조작1 : Get, Set

nanaing 2024. 1. 26. 00:10
728x90

1. Get Content - text(), html(), val()
: DOM 조작을 위한 간편하고 효율적인 메서드
: text() - 선택된 요소의 텍스트를 설정하거나 반환, 텍스트 문자열만 가져온다. 예)티스토리 글쓰기
: html() - 선택된 요소의 내용을 설정하거나 반환, html 태그까지 가져온다. 예)<p>티스토리 글쓰기</p>
: val() - form 필드의 값을 설정하거나 반환, form 태그에 value에 지정한 값을 가져온다.
 
2. Get Attribute - attr()
: 속성 값을 가져오는데 사용.
 
3. Set Content - text(), html(), val()
: $("#String").text("문자열") - 선택된 요소의 텍스트를 설정한다. 예) 안녕하세요.
: $("#jQeury").html("<b>jQeury DOM 공부중입니다.</b>") - 선택된 요소의 태그가 적용된다.
: $("#tennis").val("테니스의 왕자") - 선택된 요소의 값을 설정한다. 예) 테니스의 왕자
 
4. Callback Function for text(), html(), val()
: 두 개의 매개 변수 있음(선택된 element의 index, 원래값)
: 실행할 때마다 추가된다.
 
5. Set Attribute - attr()
: attribute value를 설정하거나 변화시킴
 

728x90

'기타 > jQuery' 카테고리의 다른 글

[jQuery] Offset  (0) 2024.01.26
[jQuery] Dimensions  (0) 2024.01.26
[jQuery] CSS  (0) 2024.01.26
[jQeury] 속성 Attributes  (0) 2024.01.26
[jQuery] 폼 필터 선택자 : Form filters  (0) 2024.01.26