使用jquery在页面加载时修改class类

以下我制作主题时,为了应对不同的打开方式而对dom元素进行的样式类调整。
具体代码如下:
在html页面中加入样式

<style>
  .noshow{display: none!important;}
</style>

在引入jquery之后加入如下script

    <script type="text/javascript">
      $(document).ready(function(){
        if (location.search=='?sm') {
          $("#sidebar").addClass('noshow');
        }
      });
    </script>

这样,当页面url后面加上?sm,形如http://example.com/123.html?sm时,
这个页面下id=sidebar的元素将不会显示。
测试通过。
但当引入jquery较慢时,有明显的css变动痕迹显示,需要注意。

已有 2 条评论
  1. 小宇

    万能的JS~

    小宇 December 5th, 2018 at 12:06 pm回复
  2. 专职评论

    测试回复:
    在jquery加载较慢时还是有点页面变动痕迹

    专职评论 November 18th, 2018 at 05:51 pm回复
发表新评论
Gravatar图片显示区