首页 > 其他分享 >jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式

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

时间:2023-11-21 11:11:42浏览次数:24  
标签:jquery 浏览器 样式 width 宽度 div w1200

浏览器原本样式

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

代码如下:

方法一:直接修改该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");

}

});
————————————————
版权声明:本文为CSDN博主「weixin_39634508」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_39634508/article/details/113001441

标签:jquery,浏览器,样式,width,宽度,div,w1200
From: https://www.cnblogs.com/weibo806/p/17846156.html

相关文章

  • Codeforces Round 910 (Div. 2) - D
    目录D.AbsoluteBeautyCodeforcesRound910(Div.2)D.AbsoluteBeauty观察可知,只要当交换的\(i\)和\(j\)满足$max(a_i,b_i)<min(a_j,b_j)$或者$min(a_i,b_i)>max(a_j,b_j)$......
  • 220-jquery,将base64的图片,转为file文件,并通过$.ajax上传
    varbase64='';constblob=dataURLToBlob(base64);constfile=blobToFile(blob,'image.jpg');uploadImage(file);functiondataURLToBlob(base64){constparts=dataURL.split(';base64,');constcontentType=......
  • Codeforces Round 785 (Div. 2)
    A-SubtleSubstringSubtraction/**__----~~~~~~~~~~~------___*..~~//====......__--~~~*-.\_|//|||\\~~......
  • Codeforces Round 908 (Div. 2)
    Preface补一下之前期中考落下的CFyysy因为这学期又开始断电了,所以除了周五周六晚上的CF可能都不一定会去打,都会以后面补题为主A.SecretSport由于题目保证给出的状态合法,因此直接输出最后一个字符即可#include<cstdio>#include<iostream>#include<utility>#include<vect......
  • Selenium4+python被单独定义<div>的动态输入框和二级下拉框要怎么定位?
    今天在做练习题的时候,发现几个问题捣鼓了好久,写下这篇来记录问题一:有层级的复选框无法定位到二级目录 对于这种拥有二级框的选项无法定位,也不是<select>属性.我们查看下HTML,发现它是被单独封装在body内拥有动态属性的独立<div>,当窗口点击的时候才会触发. 解......
  • Codeforces Round 910 (Div. 2)
    CodeforcesRound910(Div.2)基本情况做A题的速度比之前快多了,大概20分钟搞定。B题想了一个贪心错解,想用链表实现,但是不熟练,实现太慢,而且还被hack了。但是自己hack掉了,造数据上进步。B.MilenaandAdmirer贪心思路发现一个大于下一个的数,直接对半分,如果不能对半就小的在......
  • Codeforces Round 909 (Div. 3)
    CodeforcesRound909(Div.3)基本情况第一次在CF上AC了超过一道题。(毕竟是Div3)B题卡住了很久。D没有深入思考。[B.250ThousandTonsofTNT](Problem-B-Codeforces)一开始死活过不了的代码:#include<iostream>#include<cstdio>#include<cstring>#inc......
  • CF909 div3
    CF909div3A.GamewithIntegers题意两人博弈,给出一个数字,每人每次可以选择令该数字+1或者-1。如果在10步以内可以令数字为3的倍数,先手胜。否则后手胜。数据范围多组数据,\(1<=T<=100,1<=n<=1000\)题解后手可以恢复现场,所以先手最多只能有效操作1次。若+1或者-1......
  • 关于jquery显示部分li元素的方法
    <!--如果大于等于3只显示到这里剩下的4和5不显示-->$('.oneulli:gt(3)').hide();$('.oneulli:last').show();<!--点这个显示4和5-->$('.oneulli:last').click(function(){$('.oneulli:gt(3)').show();}); <divclass="o......
  • Codeforces Round 909 (Div. 3) A-E
    CodeforcesRound909(Div.3)A.GamewithIntegers题意:两人轮流操作,可以加一或减一,若结果能被3整除则输出First,否则输出Second思路:若n不能被3整除,则第一个人可以直接通过加一或减一使结果被3整除,反之则一定不能代码:#include<bits/stdc++.h>usingnamespacestd;cons......