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='imgFocus'>123456</p>"; $("p").append(showimg); </script>
이 메서드가 매개변수를 설정하지 않으면 선택한 요소의 현재 콘텐츠를 반환합니다.
요소 콘텐츠 반환 이 메서드를 사용하여 값을 반환하는 경우 일치하는 첫 번째 요소의 콘텐츠를 반환합니다.
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 { $('#message').append("<p><strong>注销失败,请重新尝试!</strong></p>"); } }); });
Of 물론 다릅니다. 추가는 추가이고 html은 완전한 대체입니다.
예를 들어 d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3$("#1")입니다. html("45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d114");
결과는 다음과 같습니다.d3b65352104a3dac7b6b81156e36ccad45a2772a6b6107b401db3c9b82c049c245654bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3
$("# 1").append(" 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114");
결과는 다음과 같습니다: d3b65352104a3dac7b6b81156e36ccade388a4556c0f65e1904146cc1a846bee12394b3e26ee717c64999d7867364b1b4a345a2772a6b6107b401db3c9b82c049c2456656dd0444fad2016a4c6864764589cf894b3e26ee717c64999d7867364b1b4a3
위 내용은 jquery add() 메소드와 html() 메소드의 차이점과 사용법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!