
正文
怎么用js修改伪类元素,jquery修改伪类 css
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript或者jquery对应的方法中有没有可以修改css伪元素:before,:af...
before,:after是伪元素并非doom元素,所以jquery无法选择伪元素。如果确实需要实现修改伪元素的样式,可以通过下面的例子。
CSS伪元素CSS 伪元素用于向某些选择器设置特殊效果。
你说反了吧?你这段代码在FireFox、Chrome有效(我已经试过了),在IE(指IE6/7/8/9)中是无效的。原因在于transition是css3属性,IE不支持(IE10/11是支持的)。
after 和 :before 这些是伪元素,jquery 中并不能获取这些伪元素。而且 animate()和 css()都是在标签中增加/改变 inline-style,而伪元素自身并不带有 inline-style。
相关问答
Q1: 在js中修改html元素的class
1、JavaScript允许你更改元素的class或id。当你更改之后,浏览器会自动更新元素的样式。
2、class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法。
3、这样应该是不行的吧,或者是我还不会,而且要修改的话直接去css文件修改就好了,如果用js修改的话可以添加新的样式覆盖原来的样式,直接修改类名的话会使得操作复杂度加深,无法很好得进行维护。
4、取与设置样式 获取class和设置class都可以使用attr()方法来完成。
Q2: 点击元素后javascript如何修改class并且刷新后保留样式?
JavaScript允许你更改元素的class或id。当你更改之后,浏览器会自动更新元素的样式。
class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法。
javascript中className属性可以获取和设置对象的类名,下面进行实例演示:单击li元素,该元素在red类之间切换(即单击一次显示红色,再次单击恢复原来的颜色,如此循环)。
这样应该是不行的吧,或者是我还不会,而且要修改的话直接去css文件修改就好了,如果用js修改的话可以添加新的样式覆盖原来的样式,直接修改类名的话会使得操作复杂度加深,无法很好得进行维护。
Q3: 怎样实现js改变class功能?
class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法。
在微信小程序中,你可以使用setData方法来动态添加class。首先,在你的页面的js文件中,定义一个变量来存储需要动态添加的class,例如:data: { dynamicClass: true }。
把值赋给 page; 最终代码为:(a).removeClass(on); // 初始化,把所有 a 标签的class 清空。(a[href*=+page+]).addClass(on); // 这里的 page 是一个动态的变量,根据当前连接改变。
把a元素获取到,直接添加class属性就可以了,代码如下: var oA = document.getElementById(a); oA.class = heikuai;/sciprt用浏览器打开,审查元素:再看这个a元素时,a的class 属性值就变了。
用jquery吧,(#id).removeClass(side-tools-bar).addClass(other-class);更多疑问可联系个人。
怎么用js修改伪类元素的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery修改伪类 css、怎么用js修改伪类元素的信息别忘了在本站进行查找喔。








