>  기사  >  웹 프론트엔드  >  jquery add() 메소드와 html() 메소드의 차이점과 사용법 소개

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

巴扎黑
巴扎黑원래의
2017-06-24 11:22:042210검색

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

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

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

예를 들어 d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.