Kongsi lima tips_jquery jquery yang berguna

Walaupun kesan yang dicapai oleh teknik di bawah bukanlah sesuatu yang baru, melalui enkapsulasi jQuery, HTML telah dibersihkan dengan baik. Kod yang bersih, ringkas dan cekap sentiasa menjadi matlamat utama yang dikejar oleh pembangun Ia mungkin mudah, tetapi ia mempunyai kuasa yang besar. Mari kita lihat lima kemahiran jQuery yang sangat praktikal yang disyorkan oleh editor Script House.

1. Lumpuhkan butang kanan tetikus

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

Sudah tentu, adalah disyorkan untuk menggunakan on() dan bukannya bind() fungsi selepas versi jquery1.7.

2. Jadikan kandungan berkelip

$.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. Singkatan pemuatan DOM selesai

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

4. Kesan penyemak imbas

// 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 Tentukan sama ada unsur itu wujud

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

Saya telah berkongsi lima petua jquery yang berguna dengan anda.