常用jQuery代码分享

 更新时间:2015年07月14日 10:21:02   投稿:hebedich  
本文给大家分享了几个常用的jQuery代码,十分的简单实用,有需要的小伙伴可以参考下。

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);
    });

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

相关文章

  • jquery图片放大镜功能的实例代码

    jquery图片放大镜功能的实例代码

    jquery图片放大镜功能的实例代码,需要的朋友可以参考一下
    2013-03-03
  • formValidator3.3的ajaxValidator一些异常分析

    formValidator3.3的ajaxValidator一些异常分析

    ajaxvalidator是大家问的最多的问题,修正一个bug(感谢网友“じ龍峸√”),并把大家最关心的问题,再做一次阐述。
    2011-07-07
  • jQuery.prop() 使用详解

    jQuery.prop() 使用详解

    这篇文章主要给大家简单介绍了jQuery.prop() 使用方法,有需要的小伙伴可以参考下
    2015-07-07
  • addEventListener—jQuery的事件监听方法

    addEventListener—jQuery的事件监听方法

    在Javascript中,事件监听是非常重要的,通过事件监听,我们可以在用户执行某些操作时触发相应的处理程序。最初,Javascript监听事件的方式是addEvent。addEvent()比较麻烦,所以jQuery为我们提供了一个更为便捷的事件监听方法:addEventListener。
    2023-06-06
  • jQuery 判断元素是否存在然后按需加载内容的实现代码

    jQuery 判断元素是否存在然后按需加载内容的实现代码

    这篇文章主要介绍了jQuery 判断元素是否存在然后按需加载内容的实现代码,需要的朋友可以参考下
    2020-01-01
  • jQuery使用after()方法在元素后面添加多项内容的方法

    jQuery使用after()方法在元素后面添加多项内容的方法

    这篇文章主要介绍了jQuery使用after()方法在元素后面添加多项内容的方法,实例分析了jQuery中after方法的功能及在元素后面添加内容的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • 浅谈被jQuery抛弃的函数及替代函数

    浅谈被jQuery抛弃的函数及替代函数

    这篇文章主要介绍了被jQuery抛弃的几个函数及其替代函数,我们在做项目开发的时候一定要注意,分享给大家参考下。
    2015-05-05
  • jQuery中页面返回顶部的方法总结

    jQuery中页面返回顶部的方法总结

    本文给大家总结了关于jquery中页面返回顶部的方法小结,以及各个方法的优缺点介绍,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2016-12-12
  • jQuery实现倒计时功能 jQuery实现计时器功能

    jQuery实现倒计时功能 jQuery实现计时器功能

    这篇文章主要为大家详细介绍了jQuery实现倒计时功能,jQuery实现计时器功能的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • jqPlot jquery的页面图表绘制工具

    jqPlot jquery的页面图表绘制工具

    可能是个人认识能力有限,一直认为仅仅靠html是很难展现稍具动态的图表的,但是在看到jqPlot之后,我的认识有了很大改变,jqplpt——基于HTML的图表展示插件,而且不生成图片,最可贵的是能生成类似flex的数据动态提示以及动态改变数据展示范围等等。
    2009-07-07

最新评论