5 useful jquery tricks every web developer should know

jquery-logo-4593895

Hello developers.  We really find jquery  a good framework and find out really good tricks which every web developer should know.

Here is the list:

1. Disable right-click menu:

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});

.

2. Making your content Flash (Blink):

jQuery.fn.flash = function( color, duration )
{
    var current = this.css( 'color' );
    this.animate( { color: 'rgb(' + color + ')' }, duration / 2 );
    this.animate( { color: current }, duration / 2 );
}

$( '#someid' ).flash( '255,0,0', 1000 );

.

3. Document ready alternative:

$(function(){
        //document is ready do something
});

.

4. Detect Browser:

// Safari
if( $.browser.safari )
{
//do something
}

//Above IE6
if ($.browser.msie && $.browser.version > 6 )
{
//do something
}

// IE6 and below
if ($.browser.msie && $.browser.version = "1.8" )
{
//do something
}

.

5. Check for Element existence:

if ($("#someDiv").length) {
    //yes it does ,do something
}

Thats it!!
Cheers!

Scroll to Top