jquery为dom元素追加样式，使用addClass不生效

错误：

jquery为dom元素追加类样式，使用addClass追加样式不生效，使用css()添加样式才可以生效

$("#id").addClass("checkColor");不生效

修改为： $("#id").css("background","#0F8100")生效

原因：

样式优先级的问题，父级样式的优先级要高于后设置样式的优先级，所以会渲染优先级高的样式

解决办法：应该对追加的类中样式进行优先级提升

!important,作用是提高指定样式规则的应用优先权(优先级)

如下图所示：

.checkColor{
color: white;
background: #0F8100!important;
}

jquery为dom元素追加样式，使用addClass不生效相关推荐

【使用 DOM】为DOM元素设置样式
1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表都由一个CSSStyleS ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
【温故而知新-Javascript】为DOM元素设置样式
1. 使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档管理的各个样式表. 每个样式表都由一个CSSStyleS ...
vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式: this.$refs.menuList.style.top; 这种获取方式是只能获取到元素的行内样式的. this.$refs.menuList.getBoundin ...
jQuery——遍历DOM元素的兄弟元素
任务描述本关任务:用 jQuery 遍历 DOM 元素的兄弟元素.效果如下: 相关知识为了完成本关任务,你需要掌握:1.siblings(),2. next() , nextAll() 3. pr ...
使用Vue里面的ref 控制DOM元素的样式marginleft，marginLeft的只是变化了，但是视图没有变化，求解答
使用Vue里面的ref 控制DOM元素的样式marginleft,marginLeft的只是变化了,但是视图没有变化,求解答 <template><div><div cl ...
第四章使用jQuery操作DOM元素
一.DOM的分类: 1.DOM core 2.HTML-DOM 3.CSS-DOM 二.css操作语法: $("#div1").css("color",&qu ...
jQuery操作DOM元素案例
直接打开注释即可观察效果,都已经测试通过!!! <!DOCTYPE html> <html><head><meta charset="UTF-8&q ...
jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法
所以我已经看到了三种向页面添加html/DOM元素的方法.我很好奇他们每个人的利弊是什么. 1 - 传统的JavaScript 我相信直接的JS方法是通过构造每个元素,设置属性,然后附加它们.例: v ...
jquery改变html元素的样式，给input标签赋值，onclick中文传参问题等
一.前言最近又是用jquery比较多,很多东西都忘记了.一边使用一边学习吧,这边记录一下. 二.Jquery改变html的样式 $('#tanchuang').css('display','bloc ...

jquery为dom元素追加样式，使用addClass不生效

jquery为dom元素追加样式，使用addClass不生效相关推荐

最新文章

热门文章