分享五个有用的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 RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
May 05 Javascript
JavaScript表单验证实现代码
May 22 Javascript
vue之数据交互实例代码
Jun 16 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 07 Javascript
如何用JavaScript检测当前浏览器是无头浏览器
Apr 27 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中函数rand和mt_rand的区别比较
2012/12/26 PHP
解析左右值无限分类的实现算法
2013/06/20 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
php的4种常用运行方式详解
2016/12/22 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
2012/03/14 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
详解React native fetch遇到的坑
2018/08/30 Javascript
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
vue3.0 上手体验
2020/09/21 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
python单例模式实例分析
2015/04/08 Python
Python 26进制计算实现方法
2015/05/28 Python
qpython3 读取安卓lastpass Cookies
2016/06/19 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
2014年团支部工作总结
2014/11/17 职场文书
监察建议书
2015/02/04 职场文书
干部培训工作总结2015
2015/05/25 职场文书