이 기사의 예에서는 jQuery가 추가를 사용하여 html 요소 뒤에 여러 콘텐츠를 동시에 추가하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
다음 코드는 텍스트 단락 뒤에 여러 내용을 동시에 추가할 수 있습니다
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function appendText() { var txt1="<p>Text.</p>"; // Create text with HTML var txt2=$("<p></p>").text("Text."); // Create text with jQuery var txt3=document.createElement("p"); txt3.innerHTML="Text."; // Create text with DOM $("body").append(txt1,txt2,txt3); // Append new elements } </script> </head> <body> <p>This is a paragraph.</p> <button onclick="appendText()">Append text</button> </body> </html>
이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.