分享五个有用的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 学习之二 属性相关
Nov 23 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
javascript快速排序算法详解
Sep 17 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
node.js中express-session配置项详解
May 31 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
Mar 23 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
用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使用Mysql事务实例解析
2014/09/08 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
B/S模式项目中常用的javascript汇总
2013/12/17 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访-EG篇
2018/04/03 DOTA
python简单获取本机计算机名和IP地址的方法
2015/06/03 Python
Python检测网站链接是否已存在
2016/04/07 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
PHP面试题-$message和$$message的区别
2015/12/08 面试题
设计毕业生简历中的自我评价
2013/10/01 职场文书
生态学毕业生自荐信
2013/10/27 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
会计试用期自我评价
2015/03/10 职场文书
2015年调度员工作总结
2015/04/30 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
个人售房合同协议书
2016/03/21 职场文书
python中如何对多变量连续赋值
2021/06/03 Python