Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление класса css в функцию (https://javascript.ru/forum/dom-window/49699-dobavlenie-klassa-css-v-funkciyu.html)

Mir 25.08.2014 10:44

Добавление класса css в функцию
 
Вот часть кода:
<style type="text/css">
.style1 {
        height:30px;
        color:#fff;
}
</style>
<script> $(document).ready(function(){

             $("#btn1").click(function()
                {
                	$('.panel').fadeOut() ;
                    return false;
                });
});
</script>

<div id="btn1"> Button</div>
<div class="panel">Text_Text_Text</div>


Как заместо fadeOut() вставить класс .style1 ?

Viral 25.08.2014 10:52

$('.panel').addClass('style1') ;

Mir 25.08.2014 11:05

Цитата:

Сообщение от Viral (Сообщение 327341)
$('.panel').addClass('style1') ;

Супер! Благодарю! Спасибо! :)

а если будет не .class а #id как тогда заменить addClass('style1') ? addId('style1') не работает

Viral 25.08.2014 11:12

$('.panel').attr('id','style1') ;

Mir 25.08.2014 11:20

Цитата:

Сообщение от Viral (Сообщение 327343)
$('.panel').attr('id','style1') ;

Сейчас столкнулся. Как быть если кнопки две
<div id="btn1"> Button</div>
<div id="btn1"> Button2</div>

В таком случае работает только первая.
Для каждой прописывать функцию или как? :)

Viral 25.08.2014 11:21

Сначала читать доки, а потом глупые вопросы спрашивать

Mir 25.08.2014 11:25

Цитата:

Сообщение от Viral (Сообщение 327346)
Сначала читать доки, а потом глупые вопросы спрашивать

Через .class делал. Тоже не работает

Viral 25.08.2014 11:26

Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз

Mir 25.08.2014 11:34

Цитата:

Сообщение от Viral (Сообщение 327349)
Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз

Заработало. Благодарю! Спасибо за помощь. Во истину профессор :thanks:

Viral 25.08.2014 11:36

это было написано здесь.
почитайте доки, там только кажется страшно, на самом деле все очень интересно.


Часовой пояс GMT +3, время: 06:12.