JQuery: replace DIV contents with html from an external file. Full example?

Question

Question

What\'s the full code to enable jQuery on a page and then use it to replace the contents of a DIV with HTML text from an external file?

Answer 1

To use jQuery on your page, it's generally recommended to place the script before the closing body tag to keep the rest of the page's content from being blocked to load. It's also recommended to use the code from the Google CDN for various benefits Here are some helpful links: http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/ and http://encosia.com/2010/09/15/6953-reasons-why-i-still-let-google-host-jquery-for-me/.

jQuery Tutorials: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery:

To replace the content of the div with content from another file, this is done with an AJAX request:

$('#selectedTarget').load('includes/contentSnippet.html');

Obviously there is a lot to learn and much more ways to control and optimize your pages. I would definitely recommend reading the jQuery API documentation to learn more: http://api.jquery.com