Teilen Sie fünf nützliche JQuery-Tipps_jquery

Obwohl die durch die folgenden Techniken erzielten Effekte nicht neu sind, wurde HTML durch die Kapselung von jQuery erheblich bereinigt. Sauberer, prägnanter und effizienter Code ist immer das ultimative Ziel von Entwicklern. Er mag einfach sein, aber er hat enorme Kraft. Werfen wir einen Blick auf fünf sehr praktische jQuery-Kenntnisse, die der Herausgeber von Script House empfiehlt.

1. Deaktivieren Sie die rechte Maustaste

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

Natürlich wird empfohlen, nach der Version jquery1.7 die Funktion on() anstelle der Funktion bind() zu verwenden.

2. Bringen Sie den Inhalt zum Leuchten

$.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. Abkürzung für DOM-Ladeabschluss

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

4. Browser erkennen

// 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. Bestimmen Sie, ob das Element vorhanden ist

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

Ich habe fünf nützliche JQuery-Tipps mit Ihnen geteilt. Ich hoffe, sie gefallen Ihnen.