使用 jQuery 调整字体大小答案

【问题标题】：font resizing using jQuery使用 jQuery 调整字体大小
【发布时间】：2014-04-04 15:21:09
【问题描述】：

我有一个 id 为 mySpan 的跨度。我正在尝试通过 jquery 更改它的字体大小，如下所示：

$("#mySpan").css("font-size", "50px");

我也试过了

$("#mySpan").css("font-size", 50+"px");

但是什么也没发生，我可以像这样改变 span 的颜色：

$("#mySpan").css("color","#ff0000");

我做错了什么？

【问题讨论】：

【解决方案1】：

这应该可以解决您的问题，但我更希望获得更多信息并以更正确的方式进行...

var mySpan = $("#mySpan")[0]
var style = mySpan.style;
style += (style != "" ? ";" : "") + "font-size:50px !important;";
mySpan.style = style;

这会将新字体大小与!important一起直接附加到所选元素的样式标签中，这将覆盖其他任何地方的任何样式。

这很难看，如果有其他方法，我永远不会自己使用它。找到并修复最初应用的样式会是一种更好的方法，但如果这不可能，那么您就有了。

【讨论】：

【解决方案2】：

你的代码没问题，至于问题，我会大胆猜测（实际上并不那么疯狂），你有另一个覆盖它的值（例如一个字体大小为：xxPx ！重要的类），或定义了字体大小的子元素等。

Anoop Joshi 也有一个很好的观点。这可能也是一个问题。

另一种可能性是标记损坏（例如 2 个具有相同 id 的元素 - #mySpan）。在这种情况下，选择器将只返回第一个，并修改它的字体，而第二个保持不变。

【讨论】：

【解决方案3】：

很确定，最上面的那个不能在那里工作的唯一原因是它被其他一些 CSS 样式覆盖了..

试试这个：

 $("#mySpan").css("font-size", "50px !important;");

关键字 important 将强制使用它，而不是覆盖您的更改的其他 css。

更新： 不知道（.css 不支持重要的）所以而是将它放在一个类中并将类添加到 myspan：

CSS：

.fontSizeFifty
 {  font-size: 50px !important; }

JQuery:

$('#mySpan').addClass('fontSizeFifty');

【讨论】：

【解决方案4】：

它工作正常。尝试在 document.ready 中给出它

 $(document).ready(function () {
        $("#mySpan").css("font-size", "50px");
    });

【讨论】：