分享五个有用的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 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 Javascript
js获取网页高度(详细整理)
Dec 28 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
react-router实现按需加载
May 09 Javascript
js回调函数原理与用法案例分析
Mar 04 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
几种显示数据的方法的比较
2006/10/09 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
javascript 函数调用规则
2009/08/26 Javascript
10个实用的脚本代码工具
2010/05/04 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
BootStrap table表格插件自适应固定表头(超好用)
2016/08/24 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
电子信息科学专业自荐信
2014/01/30 职场文书
户外婚礼策划方案
2014/02/08 职场文书
员工安全生产责任书
2014/07/22 职场文书
元旦标语大全
2014/10/09 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
企业愿景口号
2015/12/25 职场文书