分享五个有用的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 相关文章推荐
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
javascript中的数据类型检测方法详解
Aug 07 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
JSON两种结构之对象和数组的理解
2016/07/19 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
使用jQuery如何写一个含验证码的登录界面
2019/05/13 jQuery
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
最新Python idle下载、安装与使用教程图文详解
2020/11/28 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
abstract是什么意思
2012/02/12 面试题
德尔福集团DELPHI的笔试题
2012/02/22 面试题
招聘专员岗位职责
2014/03/07 职场文书
班班通校本培训方案
2014/03/12 职场文书
咖啡店创业计划书
2014/08/15 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
2014年内部审计工作总结
2014/12/09 职场文书