男孩transfur成龙:JQuery必会5个小技巧

来源:百度文库 编辑:中财网 时间:2024/05/10 09:16:37

JQuery是个不错的框架,以下总结了5个每个网站开发者都应该知道的小技巧:

 

1.禁用右键菜单

 

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

 

2.让字体闪烁

 

jQuery.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.准备文档替换方案

 

$(function(){//document is ready do something});

 

4.检测browser

 

// Safariif( $.browser.safari ){//do something} //Above IE6if ($.browser.msie && $.browser.version > 6 ){//do something} // IE6 and belowif ($.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}