使用jQuery调整字体大小

Question

我的mySpan的id为span。我试图通过像这样的jquery来改变它的字体大小：

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

我也试过这个

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

但没有任何反应，我可以像这样改变跨度的颜色：

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

我做错了什么？

Answer 1

工作正常。尝试在document.ready中提供它。

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

Answer 2

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

Anoop Joshi也有一个好处。这可能也是一个问题。

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

Answer 3

非常肯定顶级无法在那里工作的唯一原因是因为它被其他一些CSS样式覆盖..

试试这个：

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

关键字important将强制使用此代替其他一些覆盖您的更改的CSS。

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

CSS：

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

JQuery的：

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

Answer 4

这可以解决您的问题，但我更愿意提供更多信息并以更正确的方式进行...

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

这会将新的字体大小直接附加到所选元素的样式标记中，以及!important，它应覆盖其他任何地方的样式。

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