How to change button state manually?

Question

JavaScript

I create a navbar using bootstrap3, it has navbar-nav, and it has a ul with text wrapped in li>a
When I click on the "button", it becomes "selected" or "active", I don't know this, but
I want to know how to change its state manually?

Answer 1

$('.subcat')
  .prop('disabled', true)
  .val('')
  .find('[value=""]')
  .text('тут ничего нет')

UPD. https://jsfiddle.net/t7ypujeo/

Answer 2

https://jsfiddle.net/mwbhfg10/1/

Answer 3

Like this on LESS:

.btn-primary {
  ...
  &:hover, &:focus {
     ...
  }
  &:active, &:active:hover, &:active:focus {
     ...
  }
}