發生按鈕點擊事件後，我們可以更改分配給div的CSS嗎？

我正在ASP.Net網站上，我想在點擊按鈕後重新對齊各種html控件。我可以通過用新的css替換當前的css來做到這一點嗎？我怎樣才能將這個元素與代碼中的新CSS關聯起來？發生按鈕點擊事件後，我們可以更改分配給div的CSS嗎？

2012-03-13 slonkar

你可以用JavaScript來做到這一點。你在使用像jQuery或mootools這樣的框架嗎？ – 2012-03-13 18:00:49

是的。我正在使用jQuery v1.7.1 – slonkar 2012-03-13 18:03:07

在這種情況下，isotrope的答案如下。 – 2012-03-13 18:07:25

如果你有類可以切換之間，你可以

$(selector).addClass('classname'); 
$(selector).removeClass('classname');

..這將改變選定的類元素（一個或多個）

或者你可以

$(selector).css('propertyname', 'propertyvalue');

...這將修改所選元素（一個或多個）上內嵌樣式。

編輯：要完成我的回答有點...

比方說，在一個div可點擊元素與「clickables_container」的ID，您可點擊元素的ID是「clickable_element」，你要修改的元素有一類「change_me」的...

$(document).ready(function() { 
    $('#clickables_container').on('click', '#clickable_element', function() { 
     $('.change_me').removeClass('olderclassnametoremove'); 
     $('.change_me').addClass('additionalclassname'); 
     $('.change_me').css('background-color', 'blue'); 
    }); 
});

來源

2012-03-13 18:05:35 isotrope

我想你應該能夠做到這樣的：

SomeControl.Attributes.Add("class", "myCssClass");

如果你想用jQuery做到這一點，你也可以操縱元素的CSS：

$('#SomeControl').removeClass('myOldCssClass'); 
$('#SomeControl').addClass('myCssClass');

來源

2012-03-13 18:04:08 Dante

這是可能的，但你必須在接下來的.css文件中的其他類，你要去申請。比方說，你有以下的html：

<body> 
<div class="a">bla-bla</div> 
... 
<div class="b"></div> 
</body>

你也有這樣的.css文件：

.a { 
//styles here 
} 

.b { 
//some other styles 
}

現在要更改頁面上的所有元素的外觀和感覺。要做到這一點，你要添加新的類的頂級元素，如HTML或身體

<body class="c"> 
<div class="a">bla-bla</div> 
... 
<div class="b"></div> 
</body>

所以，你還需要在你的.css文件中有這樣的風格

.c .a { 
//changed styles here 
} 

.c .b { 
//some other changed styles 
}

希望它有助於。

來源

2012-03-13 18:07:21

發生按鈕點擊事件後，我們可以更改分配給div的CSS嗎？

回答

相關問題