jquery add() 메소드와 html() 메소드의 차이점과 사용법 소개

append() 메소드는 선택한 요소의 끝에 지정된 내용을 삽입하고, html() 메소드는 선택한 요소의 내용을 반환하거나 설정합니다. 다음은 두

append()의 차이점과 사용법을 소개합니다. content): 메소드 요소의 끝 부분에 지정된 내용을 삽입합니다(여전히 내부). 많은 친구들은 추가가 html과 유사하다고 생각합니다. 현재 콘텐츠를 모두 교체합니다. 정의 및 사용법

append() 메서드는 지정된 내용을 선택한 요소의 끝(여전히 내부)에 삽입합니다.

$(selector).append(content)

함수를 사용하여

콘텐츠를 추가합니다. 함수를 사용하여 지정된 요소 끝에 콘텐츠를 삽입합니다.
Syntax

$(selector).append(function(index,html))

예제 코드:

<script src="/jquery.min.js" type="text/javascript"></script> 
<style> 
.imgFocus{border: 1px solid #eee;} 
</style> 
<p> </p> 
<script type="text/javascript"> 
var showimg = "<p class=&#39;imgFocus&#39;>123456</p>"; 
$("p").append(showimg); 
</script>

html() 메소드는 선택한 요소(내부 HTML)의 내용을 반환하거나 설정합니다.

이 메서드가 매개변수를 설정하지 않으면 선택한 요소의 현재 콘텐츠를 반환합니다.

요소 콘텐츠 반환

이 메서드를 사용하여 값을 반환하는 경우 일치하는 첫 번째 요소의 콘텐츠를 반환합니다.

Syntax

$(selector).html()

모든 p 요소의 내용 설정:

$(".btn1").click(function(){ 
$("p").html("Hello <b>world</b>!"); 
});

지정된 요소 지우기

$("a[href$='logout.asp']").click(function(event) { 
event.preventDefault(); 
$.get("/xxlr/Logout.asp","",function(data, textStatus) { 
if (data == 1) { //表明注销成功 
$('#message').html(""); 
$("#userlogin>p").show(); 
} 
else { 
$(&#39;#message&#39;).append("<p><strong>注销失败,请重新尝试!</strong></p>"); 
} 
}); 
});

다음은 네티즌 추가 내용입니다.

Of 물론 다릅니다. 추가는 추가이고 html은 완전한 대체입니다.

예를 들어

123

$("#1")입니다. html("456");
결과는 다음과 같습니다.

456

$("# 1").append(" ");
결과는 다음과 같습니다:

123

456

위 내용은 jquery add() 메소드와 html() 메소드의 차이점과 사용법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!