分享五个有用的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 select下拉框操作常用方法
Nov 09 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 Javascript
js实现俄罗斯方块小游戏分享
Jan 31 Javascript
前端弹出对话框 js实现ajax交互
Sep 09 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
Feb 08 Javascript
React+Antd+Redux实现待办事件的方法
Mar 14 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
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
PHP+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
PHP容器类的两种实现方式示例
2019/07/24 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
java script编程起步(第三课)
2007/01/10 Javascript
javascript 获取表单file全路径
2009/12/31 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
javascript每日必学之继承
2016/02/23 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
详解vue-cli 接口代理配置
2017/12/13 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
layui table复选框禁止某几条勾选的实例
2019/09/20 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
Python中logging实例讲解
2019/01/17 Python
Flask配置Cors跨域的实现
2019/07/12 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
Keras实现DenseNet结构操作
2020/07/06 Python
linux面试题参考答案(8)
2016/04/19 面试题
大学生全国两会报告感想
2014/03/17 职场文书
《锄禾》教学反思
2014/04/08 职场文书
大型营销活动计划书
2014/04/28 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript