如何用jquery或者js来自定义css

2 02 2 年，我刚刚开始学习CSS。
当时我对于选课有点迷茫。
我记得有个规定，类名不能以数字开头。
例如，您不能编写 .1 class 或 .2 class。
我写了一个例子来看看这是否正确：
div { 高度：3 0px； 边框：ccc 实心 1 px； 顶部边距：1 0px； } .div1 { } .div2 { } .颜色-红色{ 背景颜色：红色； }
我是第一班
我是第二层

在此示例中，.div1 和 .div2 没有定义样式，仅用作示例。
而.color-red是定义背景颜色的类。

然后学习了jQuery，想用jQuery来改变容器属性。
我尝试了两种方法：
第一种方法是直接在 jQuery 中内联定义样式：
javascript $(".div2 ").css("背景颜色", "红色");
这行代码的含义是找到所有类为div2 的元素，然后直接将其背景颜色属性设置为红色。

第二种方法更聪明一点，是通过添加类来更改样式：
javascript $(".div2 ").addClass("颜色-红色");
这行代码的意思是找到所有类为div2 的元素，然后给它们添加红色类。
该类将背景颜色定义为红色。

我认为第二种方法更先进，因为它利用了 CSS 的强大功能，而不是直接在 JavaScript 中操作样式。
我希望这些例子对您有用。
虽然我的话有点断，但都是我当年学到的知识点。

jQuery如何添加类？

2 02 2 年，我创建了一个网站。
我必须把它展示给城里的人看。
我必须升职。
我必须添加一个“销售”类。
想了一会儿，我就用了jQuery的addClass，直接写了。
“$('promo').addClass('sale');”。
当时我就很迷茫，不知道这个东西怎么用。
后来我看到这个元素只是添加了一个“sale”类，非常方便。
后来我想如果有一个可以一键切换样式的按钮该多酷啊，于是就用了toggleClass，写成“$('toggle-btn').click(function(){$('menu').toggleClass('hidden');});”。
当时我很兴奋，感觉自己成了一名编码英雄。
但是，我还需要小心并确保类名已在 CSS 中定义，否则添加类将使样式变得无用。
有时我也喜欢像“$('element').addClass('new-class').css('color', 'blue');”这样的链接操作这样就可以同时进行两项操作，非常方便。
此外，我还喜欢使用嵌套元素，例如“$('ul.my-list li').addClass('item');”这允许我向所有列表元素添加一个“item”类，这非常好。
我还使用RemoveClass 来删除类，并使用hasClass 来检查类。
这些方法经常使用。
然后我也使用这些方法来验证表单。
例如，如果用户没有填写任何内容，我会在输入字段中添加一个“错误”类，这非常实用。
话虽如此，这些操作虽然不影响SEO，但可以改善用户体验，也有利于搜索引擎排名。
嘿嘿，用jQuery来管理类其实是相当灵活和有趣的。

如何通过jQuery代码 给某个div添加style样式，$(".className").style.dispaly="none" 这样不起作用。

直接使用 $.style.display="none" 肯定不行。

jQuery 对象与本机 DOM 对象不同。
jQuery 有 CSS 方法：
您可以使用 CSS 方法。
示例：
JavaScript $('.className').css('显示', '无');
这段代码直接隐藏了类名为className的div。

不用担心原因。
使用 jQuery 的 CSS 方法。

JS脚本:jquery 如何动态添加、删除class样式方法介绍

使用 attr() 获取和设置类。
获取 p 的类别。
var p_class = $("p").attr("class"); 设置p的类：$("p").attr("class", "high");
添加类：$("btn_3 ").click(function(){$("nm_p").addClass("another");}); 风格被合并，后者覆盖前者。
删除类：$("p").removeClass("high"); 删除多个类：$("p").removeClass("high another"); 删除所有类：$("p").removeClass();
显示/隐藏：toggleBtn.toggle(function(){}, function{}); 切换类：$("p").toggleClass("another"); 判断类：$("p").hasClass("another");
你可以自己掂量一下。