分享五个有用的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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
Feb 23 Javascript
Webpack 服务器端代码打包的示例代码
Sep 19 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
es6数值的扩展方法
Mar 11 Javascript
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
用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中的stdClass类
2014/04/18 PHP
php中$_GET与$_POST过滤sql注入的方法
2014/11/03 PHP
PHP微信红包API接口
2015/12/05 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
学习ExtJS Panel常用方法
2009/10/07 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
React实现todolist功能
2020/12/28 Javascript
部署Python的框架下的web app的详细教程
2015/04/30 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
python 自动批量打开网页的示例
2019/02/21 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
QML用PathView实现轮播图
2020/06/03 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
美国睫毛、眉毛精华液领导品牌:RevitaLash Cosmetics
2018/03/26 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
作文评语集锦
2014/12/25 职场文书
债务纠纷代理词
2015/05/25 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers