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
}
有用 | 无用
代码如下:
$(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
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- IE bug table元素的innerHTML
- javascript instanceof 与typeof使用说明
- javascript call方法使用说明
- 将CKfinder整合进CKEditor3.0的新方法
- js或css文件后面跟参数的原因说明
- Javascript的构造函数和constructor属性
- jQuery 页面 Mask实现代码
- JQuery 遮罩层实现(mask)实现代码
- Javascript UrlDecode函数代码
- JavaScript 页面坐标相关知识整理
- 了解jQuery技巧来提高你的代码
- 在html页面上拖放移动标签
- 利用js获取服务器时间的两个简单方法
- JavaScript中的集合及效率
- Extjs TriggerField在弹出窗口显示不出问题的解决方法
- Extjs学习笔记之七 布局
- IE6下JS动态设置图片src地址问题
- Javascript 中的类和闭包
- Extjs学习笔记之六 面版