首页 > 其他分享 >[踩坑回顾]使用JS改变元素位置,操作css比较困难时,可更换元素的类名

[踩坑回顾]使用JS改变元素位置,操作css比较困难时,可更换元素的类名

时间:2022-12-14 10:23:54浏览次数:50  
标签:right 元素 JS 类名 css left

本人大菜鸟一枚,以此作为记录。

使用到技术栈jQuery。

开发中遇到某个元素需要在页面上切换 left: 0px 为 right: 0px 的需求,直接操作css会导致同时存在left和right属性,删除属性又不方便。

此时可以将元素切换前后的样式分别设定成两个class(如:left_a 及 right_a),通过 .removeClass(‘left_a’).addClass('right_a') 可实现需求。

标签:right,元素,JS,类名,css,left
From: https://www.cnblogs.com/ximu1009/p/16981379.html

相关文章

  • react的jsx和React.createElement是什么关系?面试常问
    1、JSX在React17之前,我们写React代码的时候都会去引入React,并且自己的代码中没有用到,这是为什么呢?这是因为我们的JSX代码会被Babel编译为React.createElement,我们来......
  • table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)
    discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。html代码:<tableid="frametable"cellpadding="0......
  • JS常用模式
    1.原始模式//1.原始模式,对象字面量方式varperson={ name:'Jack', age:18, sayName:function(){alert(this.name);}}//2.原始模式,Object构造函数方式varperson......
  • JS控制元素的显示和隐藏
    利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一:document.getEle......
  • not JSON serializable解决方法
    问题描述:Python内置的json模块提供了非常完善的Python对象到JSON格式的转换。json.dumps()#将Python中的对象转换为JSON中的字符串对象json.loads()#将JSON中的字......
  • 如何使用 System.Text.Json 序列化 DateTimeOffset 为 Unix 时间戳
    在.NET中,日期和时间通常使用DateTime或DateTimeOffset来表示。这两种数据类型都可以表示日期和时间,但它们之间有一些明显的区别。DateTime是不带时区信息的,而DateT......
  • 处理js小数精度计算问题
    //num1num2传入两个值symbol+-*/符号functionamend(num1,num2,symbol){varstr1=num1.toString(),str2=num2.toString(),result,str1Length,str2Length//解......
  • Python中json.dump()和json.dumps()的区别
    一、图解json.dumps(dict,indent):将Python对象转换成json字符串 json.dump(dict,file_pointer):将Python对象写入json文件  二、json.dumps()用法1、用法json.d......
  • 卸载 nodejs 时报错 you must be an administrator to remove this application 的解
    这是在win11下报的错,要不怎么说win11就是个笑话。我是这么解决的:首先找到原始的安装包。再以管理员身份打开cmd(怎么操作?先打开一个普通的cmd,然后按住ctl+shift......
  • SAP根据源码导入/ui2/cl_json类
    之前我都是用CALLTRANSFORMATIONid方式来解析json数据的,结果发现解析出来的的数据有问题。无奈之下只好使用/ui2/cl_json类方法了,结果发现SAP版本不够,没有这个方法,网上......