常用jQuery代码分享


Posted in Javascript onJuly 14, 2015

1.查看浏览器信息

navigator.userAgent

检索浏览器信息包括哪些字符

例如:

if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {
        $("#GuanKa .page_content").css("transform", "scale(0.92)");

        $(".gaunka_pic").css("top", "-100px");
        $(".ertongji_btn").css("top", "570px");

      }

 2.给链接设置参数,再根据url参数做相应的事情

//用户当天还没上传图片 
    $(".Js_uplaod_bnt").click(function () {
      if ($(this).attr("myid") == "1") {
        SiteFunc.Ga('选择骑骑宝');
      }
      else if ($(this).attr("myid") == "2") {
        SiteFunc.Ga('选择睡睡宝');
      }
      else if ($(this).attr("myid") == "3") {
        SiteFunc.Ga('选择踢踢宝');
      }
      else if ($(this).attr("myid") == "4") {
        SiteFunc.Ga('选择爬爬宝');
      }
      else if ($(this).attr("myid") == "5") {
        SiteFunc.Ga('选择学习宝');
      }
      else if ($(this).attr("myid") == "6") {
        SiteFunc.Ga('选择走走宝');
      }
      window.location.href = "Upload.aspx?BabyPostureID=" + $(this).attr("myid");

    });

//点击上传Icon图片的显示
  var CurBabyPostureID = Cmn.Func.GetParamFromUrl("BabyPostureID");

  $(".Js_photo_icon_upimg img").attr("src", "images/result/photo_icon" + CurBabyPostureID + ".png");

3.手机端长按触发事件

//某一元素长按了2秒就跳转到一个页面
var _timeout = null;
    //长按二维码跳转到办卡也
    $(".Js_LongPressToCard").on("touchstart",function () {
      window.clearTimeout(_timeout);

      _timeout = setTimeout(function () {
        window.location.href = "https://mbank.spdbccc.com.cn/creditcard/indexActivity.htm?data=000501";
      }, 2000);
    });

    $(".Js_LongPressToCard").on("touchend", function () {
      window.clearTimeout(_timeout);
    });

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
JS批量操作CSS属性详细解析
Dec 16 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
javascript拖拽效果延伸学习
Apr 04 Javascript
用js实现博客打赏功能
Oct 24 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
详解ES7 Decorator 入门解析
Feb 18 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
JS数组的常用10种方法详解
May 08 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 #Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 #Javascript
jQuery实现模拟marquee标签效果
Jul 14 #Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 #Javascript
jQuery自动添加表单项的方法
Jul 13 #Javascript
JavaScript去除数组里重复值的方法
Jul 13 #Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 #Javascript
You might like
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
PHP 编写大型网站问题集
2010/05/07 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
jquery版轮播图效果和extend扩展
2017/07/18 jQuery
Vue infinite update loop的问题解决
2019/04/23 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python控制台英汉汉英电子词典
2020/04/23 Python
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
django实现支付宝支付实例讲解
2019/10/17 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
异步传递消息系统的作用
2016/05/01 面试题
李培根演讲稿
2014/05/22 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
市场部岗位职责范本
2015/04/15 职场文书
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS