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

哎哟，想起我之前做的一个项目，那会儿还在用jQuery呢。
记得有一次，我们公司要做一个页面，页面里有个段落（p标签），本来是想给它加个样式，结果搞错了，把原来的样式给覆盖了，当时那叫一个尴尬啊。

那年是2 01 8 年，项目在成都，我们团队有1 0个人。
当时我用attr()方法想设置p标签的class，结果代码写错了，直接把原来的class给替换了，导致页面上的文字颜色和样式全变了。
代码是这样的：
javascript $("p1 ").attr("class", "new-style");
其实我本来是想追加一个class，结果直接替换了，后来赶紧改了代码：
javascript $("p1 ").addClass("new-style");
后来，为了防止这种事情再发生，我在团队内部分享了这个经验，让大家注意在使用attr()和addClass()时要小心。

还有一次，我们有个需求是在用户点击一个按钮后，给p标签追加一个class，让它显示斜体和蓝色。
当时我写了个按钮的点击事件，代码如下：
javascript $("btn_add_class").click(function(){ $("p1 ").addClass("italic-blue"); });
结果用户一点击，页面上的p标签就变成了斜体蓝色，效果还不错。
不过，那时候我还不知道CSS的叠加规则，后来才知道，如果两个class有相同的样式属性，后面的会覆盖前面的。

再后来，我们团队里有个新人，他想知道怎么移除某个class，我就教了他怎么用removeClass()方法。
记得当时我写的是：
javascript $("p1 ").removeClass("old-style");
后来他问我，如果要把两个class都移除怎么办，我就告诉他可以用空格分隔多个class名：
javascript $("p1 ").removeClass("old-style new-style");
或者直接移除所有class：
javascript $("p1 ").removeClass();
还有一次，我们有个需求是点击一个按钮，交替显示和隐藏某个元素。
我就用了toggle()方法，代码如下：
javascript $("toggle_btn").toggle(function(){ $("element").show(); }, function(){ $("element").hide(); });
后来，我们又发现了一个更方便的方法，就是toggleClass()，它可以用来切换class，代码如下：
javascript $("toggle_style_btn").click(function(){ $("p1 ").toggleClass("toggle-style"); });
最后，我还教了新人怎么判断一个元素是否含有某个class，用hasClass()方法，代码如下：
javascript if($("p1 ").hasClass("some-class")){ console.log("含有这个class"); }
这些经验都是我亲身踩过的坑，希望对你们有帮助。

Jquery mobile在自定义样式时，怎么修改背景颜色的属性

方法一：直接改JQueryMobile CSS，简单但易被覆盖。
比如改 ui-page-theme-a 的 background-color 为 eee。

方法二：用 !important 覆盖，优先级高。
比如改 .ui-page-theme-a { background-color: eee !important; }。
在JQueryMobile样式后加，确保生效。
比如改 ui-page-theme-a 的 background-color 为 eee。

具体改：.ui-page-theme-a { background-color: eee !important; }。
用 !important 避免 JQMobile 更新覆盖。
2 01 8 年项目用，改 ui-page-theme-a 的 background-color 为 eee，加 !important 确保不被新版本覆盖。

html中按钮的字体颜色怎么设置?

按钮字体颜色用color。

方法一：jQuery加颜色。
1 . 按钮，CSS color属性。
2 . 代码示例：color='red'。

方法二：style中加样式。
1 . 字体div加id，CSS color属性。
2 . 运行效果。