○ text()와 html()
- 해당 요소에 출력할 내용을 넣어준다
- 형식) $(선택자).text(출력할 내용); / $(선택자).html(출력할 내용);
var str="<strong>Hello</strong>";
//JavaScript
document.getElementById("text").innerText=str; //단순문자열
document.getElementById("html").innerHTML=str; //태그적용됨
//jQuery
$("#text").text(str); //단순문자열
$("#html").html(str); //태그적용됨
- 차이점
① text() : 단순 문자열로 출력됨
② html() : 문자열이 마크업되면서 출력됨 (태그가 적용됨)
<body>
<button>입 력</button>
<hr>
<div id="text"></div>
<div id="html"></div>
<script>
$("button").click(function(){
var txt="<img src='../images/devil.png'>";
$("#text").text(txt); //단순문자열
$("#html").html(txt); //문자열이 마크업되면서(요소생성) 출력
});//click end
</script>
</body>
○ jQuery Method Chaining
- 함수 여러개 연결해서 사용하는 것 가능
$().css().text().hide()'Frontend > jQuery' 카테고리의 다른 글
| 06. jQuery, this & index (0) | 2022.06.07 |
|---|---|
| 05. jQuery, each반복문 (0) | 2022.06.07 |
| 04. jQuery, css() 함수 / prop()와 attr() 함수 (0) | 2022.06.03 |
| 02. jQuery, Event (이벤트 처리, 이벤트 종류) (0) | 2022.06.03 |
| 01. jQuery 시작 (오픈소스 사용방법, 기본 문법) (0) | 2022.06.03 |
댓글