Как задать параметр условия if else jquery?

Question

[Игорь]

.hover{
	border: solid red 3px;
}
	<div id="main">
			<div class="guess_box "><img src="images/jump1.jpg"/></div>
			<div class="guess_box"><img src="images/jump2.jpg"/></div>
			<div class="guess_box"><img src="images/jump3.jpg"/></div>
			<div class="guess_box"><img src="images/jump4.jpg"/></div>
		</div>
		
		
			$(document).ready(function() {

				$('.guess_box').click(function(){

					if ($(this)==(".hover")){
						$(this).addClass('hover');

					}else{
						$(this).removeClass('hover');

					};

по клику на this он должен добовлять класс hover в див.
при ещё одном клике удалять его
в условии if он должен сранвнить если ли такой класс если нету то добавитьь если есть то удалить
как сделать?

Answer 1

[Валерий]

В самом простом варианте:

$(this).toggleClass('hover') ;

Answer 2

[Роман Хроленков]

if (!$(this).hasClass('hover')) {
    $(this).addClass('hover');
} else {
    $(this).removeClass('hover');
}

Comments

[Игорь]

зачем " ! " перед ' $ ' ?

[Роман Хроленков]

если класса не существует то добавляем.

[Андрей]

У Вас в профиле написано webmentor.pro веб-наставник... Как-то вот не вяжется такой вопрос и такая самопрезентация...

[Игорь]

Андрей: а вы по ссылке перейдите и ник преждей мой прочтите