分享五个有用的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 相关文章推荐
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
javascript if条件判断方法小结
May 17 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
JavaScript实现相册弹窗功能(zepto.js)
Jun 21 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
JS触摸与手势事件详解
May 09 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 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
新52大事件
2020/03/03 欧美动漫
php的curl实现get和post的代码
2008/08/23 PHP
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
PHP生成唯一订单号
2015/07/05 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
Javascript日期对象的dateAdd与dateDiff方法
2008/11/18 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
javascript学习笔记(四)function函数部分
2014/09/30 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
python dict remove数组删除(del,pop)
2013/03/24 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
通过cmd进入python的步骤
2020/06/16 Python
广州迈达威.net面试题目
2012/03/10 面试题
婚纱店策划方案
2014/05/22 职场文书
孔繁森观后感
2015/06/10 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
JS实现九宫格拼图游戏
2022/06/28 Javascript