zoukankan      html  css  js  c++  java
  • 几条jQuery代码片段助力Web开发效率提升

    平滑滚动至页面顶部

      以下是jQuery最为常见的一种实现效果:点击一条链接以平滑滚动至页面顶部。虽然没什么新鲜感可言,但每位开发者几乎都用得上。

    $("a[href='#top']").click(function() { 
      
      $("html, body").animate({ scrollTop: 0 }, "slow"); 
      
      return false; 
      
    }); 

    替换html标签

    jQuery能够非常轻松地实现html标签替换,而这也将为我们带来更多新的可能。

    $('li').replaceWith(function(){ 
      
      return $("<div />").append($(this).contents()); 
      
    });

    检测屏幕宽度

    现在移动设备的人气几乎已经超过了传统计算机,因此对小型屏幕的尺寸进行检测就变得非常重要。幸运的是,我们可以利用jQuery轻松实现这项功能。

    var responsive_viewport = $(window).width(); 
      
    /* if is below 481px */
      
    if (responsive_viewport < 481) { 
      
        alert('Viewport is smaller than 481px.'); 
      
    } /* end smallest screen */
  • 相关阅读:
    MSSQL如何将查询结果拼接成字符串
    SQL删除指定条件的重复数据,只保留一条
    清除日志
    jsp使用
    Eclipse使用
    SSM框架开发遇到的问题
    SpringMvc学习
    大中华~~汉字
    Word技巧设置
    AWS-资源访问慢分析
  • 原文地址:https://www.cnblogs.com/QianBoy/p/7868432.html
Copyright © 2011-2022 走看看