分享五个有用的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将浮点数转换成整数的三个方法
Jun 23 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
JavaScript复制变量三种方法实例详解
Jan 09 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实现 上一篇、下一篇的代码
2012/09/29 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
浅谈vue.js导入css库(elementUi)的方法
2018/03/09 Javascript
详解vue组件基础
2018/05/04 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
从零学Python之入门(二)基本数据类型
2014/05/25 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
使用Python实现牛顿法求极值
2020/02/10 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
Pandas中DataFrame基本函数整理(小结)
2020/07/20 Python
用Python 执行cmd命令
2020/12/18 Python
python 实现逻辑回归
2020/12/30 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
高级Java程序员面试要点
2013/08/02 面试题
服装店营销方案
2014/03/10 职场文书
重阳节活动总结
2014/08/27 职场文书
2014年团工作总结
2014/11/27 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
综治目标管理责任书
2015/05/11 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python