分享五个有用的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插件开发 菜单插件开发
May 03 Javascript
js innerHTML 改变div内容的方法
Aug 03 Javascript
javascript中Math.random()使用详解
Apr 15 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
Oct 10 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
vue数据初始化initState的实例详解
Apr 11 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
JavaScript 实现下雪特效的示例代码
Sep 09 Javascript
JavaScript编码小技巧分享
Sep 17 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 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
文章推荐系统(二)
2006/10/09 PHP
详解php中反射的应用
2016/03/15 PHP
php单例模式的简单实现方法
2016/06/10 PHP
Js 获取HTML DOM节点元素的方法小结
2009/04/24 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
js 可拖动列表实现代码
2011/12/13 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
JQUERY实现网页右下角固定位置展开关闭特效的方法
2015/07/27 Javascript
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
js的三种继承方式详解
2017/01/21 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
django创建自定义模板处理器的实例详解
2017/08/14 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
基于注解实现 SpringBoot 接口防刷的方法
2021/03/02 Python
"火柴棍式"程序员面试题
2014/03/16 面试题
毕业晚会主持词
2014/03/24 职场文书
竞聘书模板
2014/03/31 职场文书
环保志愿者活动方案
2014/08/14 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
英文产品推荐信
2015/03/27 职场文书
民间借贷借条如何写
2015/05/26 职场文书
团结友爱主题班会
2015/08/13 职场文书
关于环保的广播稿
2015/12/17 职场文书
交通事故协议书范本
2016/03/19 职场文书
详解pytorch创建tensor函数
2022/03/22 Python