分享五个有用的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 相关文章推荐
node.js中的fs.write方法使用说明
Dec 15 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
原生js获取元素样式的简单方法
Aug 06 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
JavaScript实现栈结构详细过程
Dec 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
PHP Error与Logging函数的深入理解
2013/06/03 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
JavaScript的目的分析
2007/01/05 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
JS验证逗号隔开可以是中文字母数字
2016/04/22 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python的多维空数组赋值方法
2018/04/13 Python
python多线程之事件Event的使用详解
2018/04/27 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
Django中使用Celery的方法示例
2018/11/29 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
超市促销实习自我鉴定
2013/09/23 职场文书
测试工程师岗位职责
2013/11/28 职场文书
商场中秋节广播稿
2014/01/17 职场文书
《影子》教学反思
2014/02/21 职场文书
初婚未育证明样本
2014/10/24 职场文书
2015年暑假工作总结
2015/07/13 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
技术入股协议书
2016/03/22 职场文书