分享五个有用的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 相关文章推荐
JavaScript 捕获窗口关闭事件
Jul 26 Javascript
JS 控制CSS样式表
Aug 20 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
Oct 28 Javascript
javascript实现页面的实时时钟显示示例
Aug 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中的MVC模式运用技巧
2007/05/03 PHP
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
原生微信小程序开发中 redux 的使用详解
2021/02/18 Javascript
Python多线程爬虫简单示例
2016/03/04 Python
浅析Python中的for 循环
2016/06/09 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
资料员岗位职责
2013/11/17 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
党员个人党性分析材料
2014/12/18 职场文书
Pytest中conftest.py的用法
2021/06/27 Python
redis复制有可能碰到的问题汇总
2022/04/03 Redis