jqueryreplaceWith() 메서드
번역 결과：
replace
英[rɛˈpleəs]
vt. 바꾸기; 다시 제자리에 넣기;
with
英[ weekθ]
prep.With, with, with...
jqueryreplaceWith() 메서드통사론
기능: replaceWith() 메서드는 선택한 요소를 지정된 HTML 콘텐츠 또는 요소로 바꿉니다. replacementWith()는 replacementAll()과 동일한 효과를 갖습니다. 차이점은 구문에 있습니다. 선택기의 내용과 위치, 그리고 교체를 위해 바꾸기All() 함수를 사용할 수 없습니다.
구문: $(selector).replaceWith(content)
매개변수:
| Parameters | Description |
| content | 필수입니다. 선택한 요소를 대체할 내용을 지정합니다. 가능한 값: HTML 코드 - 예: ("<div></div>") 새 요소 - 예: (document.createElement("div")) 기존 요소 - 예: ($(".div1")) 이동되지 않고 선택한 요소 주위에만 복사 및 래핑됩니다. |
| 선택기 | 필수입니다. 교체할 요소를 지정합니다. |
함수를 사용하여 요소 교체: 함수를 사용하여 선택한 요소를 새로운 콘텐츠로 교체합니다.
구문: $(selector).replaceWith(function())
매개변수:
| 매개변수 | Description |
| function() | 필수입니다. 선택한 요소를 대체할 새 콘텐츠를 반환하는 함수입니다. |
jqueryreplaceWith() 메서드예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").replaceWith("<b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用粗体文本替换所有段落</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요