请输入关键字词

最新搜索
1hbuilder 2 3漫威 4 5人工智能 6 7输入 8
热门搜索
1seo 2hbuilder 3头条号 4网站 5帝国 6cms 7搜索 8公共

jquery判断浏览器宽度小于指定值改变div样式

个人博客 2020-12-07 14:08 互联网整合 56
浏览器原本样式<divclass="chenbin_org"></div>当浏览器宽度小于1200px时样式变为<divclass="w1200"></div>代码如下:方法一:直接修改该div样式添加w1200,会覆盖前一个样式$(f...

浏览器原本样式

<div class="chenbin_org"></div>

当浏览器宽度小于1200px时样式变为

<div class="w1200"></div>

代码如下:

方法一:直接修改该div样式添加w1200,会覆盖前一个样式

$(function(){
    var _width = $(window).width(); //获取浏览器宽度
    if(_width < 1200){
        $(".chenbin_org").addClass("w1200");
    }
});

方法二:修改该div的class属性值为w1200

$(function(){
    var _width = $(window).width(); //获取浏览器宽度
    if(_width < 1200){
        $(".chenbin_org").attr("class","w1200");
    }
});

方法三:移除该div原本的样式,并添加w1200这个样式

$(function(){
    var _width = $(window).width(); //获取浏览器宽度
    if(_width < 1200){
        $(".chenbin_org").removeClass("chenbin_org").addClass("w1200");
    }
});

本文转载:互联网整合

特别声明:本文仅供交流学习 , 版权归属原作者,部分文章推送时未能及时与原作者取得联系,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。若本文来源标注错误或无意侵犯到您的知识产权作品或损害了您的利益,烦请发送邮件与我们取得联系4956106#qq.com,我们会及时修改或删除。

手机扫描左侧二维码查看本文信息!

本文标题:jquery判断浏览器宽度小于指定值改变div样式

本文地址:https://www.cbing.net/daima/13.html

分享到:
wz1

文章评论

来说两句吧...共有0条评论

celan1