HTML

1
<button id="btn1" onClick="replaceButton();">Hello!</button>

JS

function replaceButton() {
$('#btn1').replaceWith('<button id="btn2">Bye!</button>');
}

CSS

btn1 {
    background: #2E8CE3; /* Цвет фона */
    padding: 7px 30px; /* Поля вокруг текста */
    font-size: 13px; /* Размер шрифта */ 
    font-weight: bold; /* Насыщенность шрифта */
    color: #FFFFFF; /* Цвет шрифта */
    text-align: center; /* Надпись на кнопке по центру */
    border: solid 1px #73C8F0; /* Параметры рамки кнопки */ 
    cursor: pointer; /* Изменение вида курсора при наведении*/
}

btn2 {
    background: #2E69E3; /* Цвет фона */
    padding: 7px 30px; /* Поля вокруг текста */
    font-size: 13px; /* Размер шрифта */ 
    font-weight: bold; /* Насыщенность шрифта */
    color: #FFFFFF; /* Цвет шрифта */
    text-align: center; /* Надпись на кнопке по центру */
    border: outset 2px #73C8F0; /* Параметры рамки кнопки */ 
    cursor: pointer; /* Изменение вида курсора при наведении*/
}

как то так

у меня руки не опускаются=)

спасибо=)

+ жмакать если помогло незабываем :)

не работает ваш метод

а как ты jquery - правильно хоть подключаеш?
приведите весь свой код, а то нифига непонятно что вы блудите в 3 соснах

<script src="http://code.jquery.com/jquery-latest.js"></script>

все работает, но некорректно. у меня на странице таких кнопок несколько с одинаковыми стилями, если на одну нажмешь меняются все, как это исправить?

твоё? :D

менять только у той, по которой кликаешь

bes: там я подвел - вначале спросил как подключает джиквери а потом подумал может его и нет у нее вовсе и отредактировал, а она видимо медленно писала :) так что тут не стебайтесь :)

pretty: стили назначаються как по классу так и по ид, если вы указываете класс, то правильно :) меняеться у всех кто к томуже классу относиться: "9Б! к доске!" все и ломануться... а вот если по ид дернуть: "Сидоров! К доске!" - то получиться вызвать того кто нужен.