常用jQuery代码分享

278 阅读 0 评论 184 点赞

我是靠谱客的博主有魅力乌冬面，这篇文章主要介绍常用jQuery代码分享，现在分享给大家，希望可以做个参考。

1.查看浏览器信息

复制代码

1
navigator.userAgent

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

例如：

复制代码

1
2
3
4
5
6
7
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参数做相应的事情

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//用户当天还没上传图片 
    $(".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.手机端长按触发事件

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//某一元素长按了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);
    });

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