Изменение параметра отдельного свойства элемента через jQuery?

Question

[Джон Голт]

Предположим есть такой элемент:

a{
   font-family: 'Open Sans', sans-serif;
   font-weight: 500;
   font-size: 14pt;
   letter-spacing: 1px;
   color: #fff;
   border-bottom: 2px solid #3291af;
   &:hover{
      color: #123;
   }
}

Как при помощи jQuery задать параметр opacity: 0 для border-bottom, а при наведении сделать его видимым, опять таки, с помощью jQuery? (Мне нужно, чтобы элемент существовал постоянно прозрачным, а при наведении, становился непрозрачным)

Answer 1

[Pretor DH]

То что ты просил:

$('a').css({border-bottom-color:'rgba(100,100,100, 0 или 1)'});

Но делается это проще через CSS...

a{
   font-family: 'Open Sans', sans-serif;
   font-weight: 500;
   font-size: 14pt;
   letter-spacing: 1px;
   color: #fff;
   border-bottom: 2px solid rgba(100,100,100, .1);  /*  .1 (90% прозрачности), 0 будет прозрачным */
   &:hover{
      border-bottom-color: rgba(100,100,100, 1);  /*  1 (0% прозрачности), 0 будет прозрачным */
   }
}