分享五个有用的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字符串处理性能的代码
Dec 07 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
HTML Table 空白单元格补全的简单实现
Oct 13 Javascript
JavaScript实现格式化字符串函数String.format
Dec 16 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
Element Alert警告的具体使用方法
Jul 27 Javascript
vue 内联样式style中的background用法说明
Aug 05 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
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
潜说js对象和数组
2011/05/25 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Python中实现输入一个整数的案例
2020/05/03 Python
详解如何在pyqt中通过OpenCV实现对窗口的透视变换
2020/09/20 Python
python安装sklearn模块的方法详解
2020/11/28 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
入党转预备思想汇报
2014/01/07 职场文书
小区消防演习方案
2014/02/21 职场文书
2014年三八妇女节活动总结
2014/03/01 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
未中标通知书
2015/04/17 职场文书
党员转正大会主持词
2015/07/02 职场文书
小学班主任心得体会
2016/01/07 职场文书
机械生产实习心得体会
2016/01/22 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书