General:
jQuery(document).ready(function() {
// Initialize some vars
(...)
// Declare actions:
jQuery("#loader").show();
});
// IF YOU WANT TO WAIT TILL ALL IMAGES ARE LOADED USE:
jQuery(window).load(function() {
// Initialize some vars
(...)
// Declare actions:
jQuery("#loader").show();
});
Ajax get:
jQuery.get( "ajax_server.php", { action: "give_address", postalcode: postalcode, housenumber: housenumber} )
.done(function( data ) {
if(data.length>1)
{ var tmp = data.split("_");
jQuery("#street").val(tmp[0]);
jQuery("#city").val(tmp[1]);
}
else alert('Invalid combination');
});
Change the source of an image:
jQuery("#icon_save").attr("src", "icon_save.png");
Color odd and even rows in a table dynamically:
jQuery('li:visible:even').css("background-color", "#f7fbfc");
jQuery('li:visible:odd').css("background-color", "#fff");
- or -
jQuery("tr:even").css("background-color", "#eeeeee");
jQuery("tr:odd").css("background-color", "#ffffff");
Dynamically add a table row at the end of a table:
jQuery("#my_table tr:last").after('<tr><td>new col 1</td><td>new col 2</td></tr>');
Delete all table rows except first
jQuery(document).ready(function() {
jQuery("#my_table").find("tr:gt(0)").remove();
});
Disable / enable a form field:
jQuery("input").prop("disabled", true);
jQuery("input").prop("disabled", false);
Get / set value of a form field:
var lastName = jQuery("#lastname").val();
jQuery("#lastname").val("Gelder");
Get / set the state of a check box:
var isChecked = jQuery("#cb").prop("checked");
jQuery("#cb").prop("checked", false);
jQuery("#cb").prop("checked", true);
Check if at least ONE checkbox is checked and count the number of checked boxes:
<input id="cb1" class="mycb" name="files[]" type="checkbox" value="Y">
<input id="cb2" class="mycb" name="files[]" type="checkbox" value="Y">
<script>
if(jQuery("input[name='files[]']").is(":checked"))
alert('At least ONE checked!);
alert('Number of checked boxes: '+jQuery('.mycb:checked').size());
</script
Show / hide a division:
jQuery("#diva").show();
jQuery("#diva").hide();
jQuery("#diva").fadeIn(1000, function() { alert('Done fading in!') });
jQuery("#diva").fadeOut(1000, function() { alert('Done fading out!') });