-
jQuery - .load()jQuery 2020. 6. 23. 17:09
.load()
- 다른 문서 등에서 내용을 가져와 현재 문서에 나타낸다.
문법
.load( url [, data] [, complete])예를 들어 a.html의 p요소를 가져와 div의 요소 안에 넣으려면 다음과 같이 해야 한다.
$('div').load('a.html p')
예제
- load-02.html에서 id값이 ab인 요소를 가져와서, 현재 문서의 id 값이 xy인 요소 안에 넣는다.
[load-01.html]
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { $( '#xy' ).load( 'load-02.html #ab' ); } ); </script> </head> <body> <div id="xy"></div> </body> </html>[load-02.html]
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> </head> <body> <p>Lorem</p> <p id="ab">Ipsum Dolor</p> </body> </html>
'jQuery' 카테고리의 다른 글
jQuery - .offset() (0) 2020.06.23 jQuery - .not() (0) 2020.06.23 jQuery - jQuery.trim() (0) 2020.06.23 jQuery - jQuery.inArray() (0) 2020.06.23 jQuery - .html() (0) 2020.06.23