如何讓 JQuery 訪問我的 css 樣式？

Question

我在我的_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 樣式？

Answer 1

在jQuery您可以設置CSS style如下：

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

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

Answer 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/