下文里技巧實(shí)現(xiàn)的效果雖然并不新鮮,但通過(guò)jQuery的封裝,HTML實(shí)現(xiàn)了很大的清潔。清爽簡(jiǎn)潔又高效的代碼任何時(shí)候都是開(kāi)發(fā)者所醉心追求的終極目標(biāo),也許它簡(jiǎn)單,但是它能量巨大。一起來(lái)看看綠夏網(wǎng)小編推薦給大家的五個(gè)非常實(shí)用的jQuery技巧。
1.禁用鼠標(biāo)右鍵
$(document).ready(function() { $(document).bind("contextmenu", function(e) { return false; }); });
當(dāng)然jquery1.7版本以后bind()函數(shù)推薦用on()來(lái)代替。
2.讓內(nèi)容閃爍起來(lái)
$.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.DOM加載完成的簡(jiǎn)寫(xiě)形式
$(function() { // document is ready.. })
4.探測(cè)瀏覽器
// 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.判斷元素是否存在
if($("#someDiv").length) { // yes it does, do something... }
以上跟大家分享了五個(gè)有用的jquery小技巧,希望大家喜歡。