Javascript-форум - переход элемента в изначальное состояние

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - переход элемента в изначальное состояние (https://javascript.ru/forum/dom-window/72020-perekhod-ehlementa-v-iznachalnoe-sostoyanie.html)

переход элемента в изначальное состояние

Доброго времени суток!
Возник такой вопрос. Если jQuery позволяет изменять состояние элемента, возможно ли возвращение свойств элемента в изначальное состояние?
т.е

$(document).ready(function(){
$('.big_img').hover(function(){
$(this).css( 'opacity', '0.6' );
});
});

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

miraghyk,
может css вместо js?

интересует как можно сделать js

miraghyk,
есть ещё документация http://api.jquery.com/hover/

miraghyk,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .big.opt, .img:hover{
    opacity: .6
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$('.big_img').hover(function(){
 $(this).css( 'opacity', '0.6' );
 },  function(){
 $(this).css( 'opacity', '1' );
 })

$('.big').hover(function(){
 $(this).toggleClass("opt")
 })

});
  </script>
</head>

<body>
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="big_img">
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="big">
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="img">
</body>
</html>