分享五个有用的jquery小技巧


Posted in Javascript onOctober 08, 2015

下文里技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。一起来看看三水点靠木小编推荐给大家的五个非常实用的jQuery技巧。

1.禁用鼠标右键

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

当然jquery1.7版本以后bind()函数推荐用on()来代替。

2.让内容闪烁起来

$.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加载完成的简写形式

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

4.探测浏览器

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

以上跟大家分享了五个有用的jquery小技巧,希望大家喜欢。

Javascript 相关文章推荐
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
js 利用image对象实现图片的预加载提高访问速度
Mar 29 Javascript
Jquery实现视频播放页面的关灯开灯效果
May 27 Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
layer扩展打开/关闭动画的方法
Sep 23 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
微信小程序组件生命周期的踩坑记录
Mar 03 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
Oct 08 #Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 #Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 #Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 #Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 #Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 #Javascript
javascript日期格式化方法汇总
Oct 04 #Javascript
You might like
第五节 克隆 [5]
2006/10/09 PHP
ThinkPHP php 框架学习笔记
2009/10/30 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
Yii2实现让关联字段支持搜索功能的方法
2016/08/10 PHP
Javascript 面向对象 重载
2010/05/13 Javascript
基于JQuery的动态删除Table表格的行和列的代码
2011/05/12 Javascript
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
js内存泄露的几种情况详细探讨
2013/05/31 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
js中replace的用法总结
2013/12/27 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
Python探索之ModelForm代码详解
2017/10/26 Python
numpy数组广播的机制
2019/07/12 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
python中spy++的使用超详细教程
2021/01/29 Python
新电JAVA笔试题目
2014/08/31 面试题
校长寄语大全
2014/04/09 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
六一儿童节标语
2014/10/08 职场文书
优秀团支部申报材料
2014/12/26 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
师德师风培训感言
2015/08/03 职场文书