코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Ajax jQuery</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script> $(function() { $("#requestBtn").on("click", function() { // URL 주소에 존재하는 HTML 코드에서 <li>요소를 읽은 후에 id가 "list"인 요소에 배치함. $("#list").load("/examples/tryit/exampleWWW/jq_elementTraversing_etc_01.html li"); }); }); </script> </head> <body> <h1>load() 메소드</h1> <button id="requestBtn">HTML 코드 로딩!</button> <ol id="list"></ol> </body> </html>