티스토리 뷰
1. html() ,text() - 역할
객체에서 글자와 관련된 기능을 수행
◈ 차이점
html() - html 태그를 인식
text() - html 태그를 인식하지 않음
2. html() - 예제
◈ 코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script> <script> $(document).ready(function () { alert($('h1').html()); }); </script> <body> <h1> test-1</h1> <h1> test-2</h1> <h1> test-3</h1> </body> |
◈ 결과화면
◈ 설명
결과 화면을 보게 되면 첫번째 h1 태그에 해당하는 값을 alert창으로 표현합니다
3. text() - 예제
◈ 코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script> <script> $(document).ready(function () { alert($('h1').text()); }); </script> <body> <h1> test-1</h1> <h1> test-2</h1> <h1> test-3</h1> </body> |
◈ 결과
◈ 설명
text()를 했을 경우에는 첫번째 h1 태그에 해당하는 내용만 나오는 것이 아니라 전체 h1 태그에 해당하는 내용이 이어서 나옵니다
'[개발]프로그래밍 > jquery' 카테고리의 다른 글
| [jquery] remove() , empty() - 객체 제거 및 비움 (0) | 2016.10.13 |
|---|---|
| [jquery] 객체 추가 - html()를 활용 (0) | 2016.10.13 |
| [jquery] css() - 객체 스타일 검사, 추가 (0) | 2016.10.11 |
| [jquery] attr() - 객체 속성 추가, 삭제 (0) | 2016.10.11 |
| [jquery] add() - 객체 추가 선택 (0) | 2016.10.11 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday