5 useful jquery tricks every web developer should know


jquery-logo

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:

1
2
3
4
5
$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});

.

2. Making your content Flash (Blink):

1
2
3
4
5
6
7
8
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:

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

.

4. Detect Browser:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// Safari
if( $.browser.safari )
{
//do something
}
 
//Above IE6
if ($.browser.msie && $.browser.version > 6 )
{
//do something
}
 
// IE6 and below
if ($.browser.msie && $.browser.version <= 6 )  { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" )
{
//do something
}

.

5. Check for Element existence:

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

Thats it!!
Cheers!

Recently Published

»

Importance of website design in online branding

“A brand for a company is like a reputation for a person. You earn ...

»

The Most Common Issues Faced By UX Designers

Google’s mobile-friendly updates compel companies to adopt ...

»

7 Advantages Of Choosing WordPress For E-Commerce Websites

E-commerce has certainly grown in the past few years and today, it ...

»

Top 6 Beautiful Food Oriented WordPress Themes

In recent times, Food Blogging has become a favourite pastime for ...

»

Reasons to Choose Custom Web Design Over Website Template

When going to design a website, you will usually find yourself with ...

»

5 Important Techniques To Make Your E-commerce Store SEO-Friendly

Ecommerce owners are engaged in turning their stores into dynamic one ...

»

Get Content Marketing Into Your System

The days of marketers hoisting up a brand campaign once every few ...

»

Combine HTML5 & Bootstrap As Key Ingredients For Rebooting Your Business

HTML5 has achieved the tremendous heights in the recent years owing ...

»

10 Tips On Social Media That Will Land Your Dream Job

A job search trends survey conducted by Jobvite showed that 48% of ...