I read this article from Johann Burkard.
Remove a word with jQuery
The simple way – using regular expressions:
var el = $('#id');
el.html(el.html().replace(/word/ig, ""));
Test it!
jQuery timer callback functions
Want to call a method after a certain timeout?
window.setTimeout(function() {
$('#id').empty();
}, 1000);
Remove this element one second after clicking it.
If you want to call a task periodically, use the Timer plugin for jQuery.
Verify that an element exists in jQuery
Simply test the .length property. Bonus information: This is used in inc.
if ($('#id').length) {
// do stuff
}
Is there an element with an id of “top”?
jQuery not working in IE 5.0 or 5.5?
jQuery does not support older Internet Explorer versions. To make sure your users do not see JavaScript errors, edit your jquery.js file as follows:
// Put this before the original jQuery code
if (!(window.showModelessDialog && !document.implementation)) {
(function() {
// Original jQuery code goes here
// Put this after the jQuery code
})();
}
How to use a plugin with jQuery?
jQuery plugins are included on the page after the main jquery.js file:
<script type="text/javascript" src="jquery-1.1.4.js"></script> <script type="text/javascript" src="jquery.roflcopter-1.0.js"></script> <script type="text/javascript" src="jquery.lolcode-2.4.js"></script>
This is the beginner’s version. The advanced version is copying all your JavaScript files into a single file and then compressing it with YUI and /packer/.
Dynamically adding <div> elements with jQuery
…or any other element of course.
$('<div>hello</div>').appendTo(document.body);
Force a Page Reload
This will forcefully reload the current page. No jQuery needed here.
location.reload(true);
If your content might be cached by proxy servers and your URL has no query string, try this:
location.replace( location.href.replace(/?.*$/, '') + '?' + Math.random());
Many ad networks use this trick to ensure that ad tags are never cached.
Try it: Reload this page.
Reload an Image
There is no reload or replace method for images. The src property can be set in the same way as the location.href property though.
with($('#image')) {
src = src.replace(/?.*$/, '') + '?' + Math.random();
}
Try it: Reload this awesome photo of my awesome tour to the Schildenstein. In Firebug, you will see the new image being loaded.
Replace a <div> with jQuery
The easiest way, pointed out by Paul, is to use the replaceWith method.
$('#thatdiv').replaceWith('<div>fnuh</div>');
A more confusing way is to insert the new element after the target element’s previouselement and then remove the target element. The with statement makes it shorter.
with ($('#thatdiv')) {
with (prev()) {
after('<p>Your new content goes here</p>');
}
remove();
}
Try it: Replace this element with something completely different.
Verify if an Element is empty
if ($('#keks').html()) {
// Do something to remedy the situation
}
Test it: Is this element empty?
Append or Add HTML to an Element
One of the nicest things about jQuery that most methods are named what you’d expect them to be named.
$('#lal').append("<b>lol</b>");
Test it: Append your eBay username and password to this.
When to load jQuery on the page?
I assume most people include the jquery.js in the <head> portion of a page – at least I do. But unless you write CSS overrides on the page from JavaScript (document.write('<style>/<script>…')), putting it at the bottom improves performance.