jQuery开发者都需要知道的5个小技巧

  作者:bea

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( { c
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


代码如下:


// 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
}




有用  |  无用

猜你喜欢