分享五个有用的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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
JavaScript使用canvas绘制坐标和线
Apr 28 Javascript
idea编译器vue缩进报错问题场景分析
Jul 04 Vue.js
用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
详谈PHP文件目录基础操作
2014/11/11 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
Python读写Excel文件的实例
2013/11/01 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
django ajax发送post请求的两种方法
2020/01/05 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
python实现斗地主分牌洗牌
2020/06/22 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
Servlet面试题库
2015/07/18 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
基层党员对照检查材料
2014/08/25 职场文书
离婚财产处理协议书
2014/09/30 职场文书
2014年维修电工工作总结
2014/11/20 职场文书