如何让 JQuery 访问我的 css 样式？答案

【问题标题】：How do I get JQuery to access my css style?如何让 JQuery 访问我的 css 样式？
【发布时间】：2023-03-04 02:28:01
【问题描述】：

我在我的_Layout.cshtml 页面中。我正在尝试使用 css 和 jquery 操作我的菜单栏。

这就是我想要做的。

<script type="text/javascript">
$(document).ready(function () {
    var varElement = document.getElementsByTagName("var");
    for (var i = 0; i < varElement.length; i++) {
        varElement[i].style.fontSize = ".75";
    }
});
</script>

我的问题是当我到达varElement[i] 时。我希望在我的智能感知中看到样式，但样式不在属性列表中。智能感知列表中唯一可用的项目是：

Constructor
hasOwnProperty
isPrototypeOf
propertyIsEnumerable
toLocalString
toString
valueOf

如何让 JQuery 访问我的 css 样式？

【问题讨论】：

最可能的问题？...智能感知不完善。不要依赖它。当您运行代码时，是否有错误？意外行为？在最近的版本（2012/2013）中，Visual Studio 在 JavaScript 方面得到了很多，但还不是很理想。
如果你只是想改变字体大小，请看这个答案：stackoverflow.com/questions/3236511/…
别忘了给.75添加一个单位。喜欢px、pt、% ...
Changing CSS style using jquery的可能重复

标签： javascript jquery html asp.net css

【解决方案1】：

在jQuery你可以设置CSS style如下：

$('var').css('fontSize', .75)

$('body').css('background', '#f00');

【讨论】：

不是'font-size'吗？
我想我刚刚确认了 camelCase 版本确实工作。直到
只要你添加示例，你应该显示你可以做的版本$('body').css({'background': '#f00', 'fontSize': .75});

【解决方案2】：

您需要使用 .css() 方法。我不确定您在示例中如何使用 for 循环，但在 jsfiddle 上是一个包含简单 for 循环的示例，希望对您有所帮助。

var changeStuff = function(){
for(i=1;i<=2;i++){
$('#p'+i).css('font-size','3em');

} };

http://jsfiddle.net/6UtyN/1/

【讨论】：