Как удалить класс при отсутствии текста в форме?

Question

[gcj]

Привет, народ. Следующий код выводит кнопку "Очистить" в том случае, если в поле что-то было введено. Подскажите, пожалуйста, как сделать так, чтобы при ПУСТОЙ форме (т.е. пользователь что-то ввел, допустим, и стёр) кнопка "Очистить" исчезала. Иными словами, нужно убрать класс "active" с кнопки, при пустом значении поля.

$('#search-form').keyup(function(eventObject){
  		$('#clear').addClass('active');
	});

Answer 1

[Алексей Зуев]

$('#clear').toggleClass('active', !!this.value);
вместо
$('#clear').addClass('active');
И я бы $('#clear') вынес в переменную - зачем каждый раз дергать с DOM.

Comments

[gcj]

А можно подробней с момента "вынес в переменную"? Я не самый сильный специалист jQuery)
и еще, было бы здорово, если бы класс "active" еще исчезал при нажатии на кнопку "Очистить", не могли вы дополнить свой код?
1. Кнопка появляется, когда вводим текст
2. Кнопка исчезает, когда стираем текст
3. Кнопка исчезает, когда клацаем на неё
вот как-то так, буду весьма признателен!

[Алексей Зуев]

gcj: пример

[gcj]

Алексей Зуев: больше вам спасибо!) все ок

Answer 2

[Алексей]

$('#clear').removeClass('active')

Очень рекомендую - slyweb.ru/jquerymain

Comments

[gcj]

что за бессмыслица?)
при вводе с клавиатуры кнопке присваивается класс active, вы предлагаете этот класс одновременно добавлять и удалять?

Answer 3

[Михаил Чирский]

Как то так, вместо disabled, делаете что хотите прячете, или удаляете и добавляете динамически, ну суть такая, если вас правильно понял.
jsfiddle.net/Lkkd0kfv

Answer 4

[mr_dev1l]

if($('#search-form').val()!= "" ){
  $('#clear').addClass('active');
}
else {
 $('#clear').removeClass('active');
}