Share five useful jquery tips_jquery

Although the effects achieved by the techniques below are not new, through the encapsulation of jQuery, HTML has been greatly cleaned. Clean, concise and efficient code is always the ultimate goal pursued by developers. It may be simple, but it has huge power. Let’s take a look at five very practical jQuery skills recommended by the editor of Script House.

1. Disable the right mouse button

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

Of course, it is recommended to use on() instead of bind() function after jquery1.7 version.

2. Make the content flash

$.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. Abbreviation of DOM loading completion

$(function() {
  // document is ready..
})

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 < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" )
{
//do something
}

5. Determine whether the element exists

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

I have shared five useful jquery tips with you. I hope you like them.