10 jQuery 1.3 Tips and Tricks for everyday use

// Remove Element
$("#div").remove();
 
// Hide
$("#div").hide();
$("#div").hide("slow"); 
$("#div").hide("fast");
$("#div").hide(1000);  
$("#div").hide(1000, callback); 
 
// Show
$("#div").show();
$("#div").show("slow"); 
$("#div").show("fast");
$("#div").show(1000);  
$("#div").show(1000, callback);  
 
// Toggle Hide/ Show
$("#div").toggle();
$("#div").toggle("slow");

// Check
$("#selectList").attr('checked', true); 
 
// Uncheck
$("#selectList").attr('checked', false);

$("<img/>").attr({ "src": "images/loadingAnimation.gif" }).appendTo("#div");

var $j = jQuery.noConflict();
$j('#div').hide();

$("input[name='id'][checked]").val();

// Value
$('#selectList').val(); 
 
// Text value
$('#selectList :selected').text() 
 
// Multiple Selection
var selections = [];
$('#multipleList :selected').each(function(i, selected){
     selections[i] = $(selected).text();
});

$('#checkBox').attr('checked'); 
 
$('#checkBoxID').is(':checked'); 
 
$("[:checkbox]:checked").each(
    function() {
    } 
);

if( $.browser.safari ) { // Do something }
 
if ($.browser.msie && $.browser.version > 6 ) { // Do something }
 
if ($.browser.msie && $.browser.version <= 6 ) { // Do something }
 
if ($.browser.mozilla && $.browser.version >= "1.8" )  { // Do something }

$("tr").click(function() {
    $(this).toggleClass("rowActive");
});

/* CSS highlights clicked row */
.rowActive {  
    border: 1px solid #333333; 
    background-color: #999999; 
}

$("<div/>").attr({id:"header", "class":"header"}).html("Welcome to my Site!").appendTo(document.body);
$("<img/>").attr("src", "images/logo.gif").appendTo("#header");