Partagez cinq astuces jquery utiles_jquery

Bien que les effets obtenus par les techniques ci-dessous ne soient pas nouveaux, grâce à l'encapsulation de jQuery, le HTML a été grandement nettoyé. Un code propre, concis et efficace est toujours l’objectif ultime poursuivi par les développeurs. C’est peut-être simple, mais il a un pouvoir énorme. Jetons un coup d'œil à cinq compétences jQuery très pratiques recommandées par l'éditeur de Script House.

1. Désactivez le bouton droit de la souris

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

Bien sûr, il est recommandé d'utiliser la fonction on() au lieu de bind() après la version jquery1.7.

2. Faire flasher le contenu

$.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. Abréviation de fin de chargement du DOM

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

4. Détecter le navigateur

// 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. Déterminer si l'élément existe

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

J'ai partagé avec vous cinq conseils jquery utiles, j'espère qu'ils vous plairont.