10 хорошо известных событий jQuery

Что такое jQuery Event?

Это та часть, где эффекты или функции jQuery запускаются после выполнения определенного условия, это может быть сделано разными способами, такими как щелчок, фокусировка, размытие и т. Д. Сейчас веб-дизайнеры рассматривают возможность использования правильных событий jQuery для конкретные эффекты и функции jQuery, таким образом, эффекты и функции будут иметь место только в том случае, если будет активирован определенный элемент, например. При нажатии на кнопку входа в систему появляется всплывающее окно, окно которого открывается после наведения мыши на нее.

Ну, это список известных 10 событий jQuery, которые часто используются для запуска функции или анимации jQuery.

1. НАЖМИТЕ

Да, вы правильно прочитали; событие клика. Это происходит, когда пользователь щелкает элемент, функция которого должна выполняться при нажатии.

ПРИМЕР:

$(document).ready(function(){
	$("button").click(function(){
		$("p").slideToggle();
	});
});

LIVE DEMO:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_click

2. МЫШЬ НАД

Когда назначен элемент. Он сработает, когда пользователь наведет на него курсор мыши.

ПРИМЕР:

 $(document).ready(function(){
	$("p").mouseover(function(){
		$("p").css("background-color","yellow");
	});
	$("p").mouseout(function(){
		$("p").css("background-color","#E9E9E4");
	});
});

LIVE DEMO:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_mouseover_mouseout

3. ГОТОВ

Это происходит, когда DOM (объектная модель документа) правильно загружен, а также веб-страница. Таким образом, функция будет готова, только если веб-страница успешно загрузит элемент, это также может предотвратить ошибки.

ПРИМЕР:

 $(document).ready(function(){
	$("button").click(function(){
		$("p").slideToggle();
	});
});

LIVE DEMO:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_ready

 $(document).ready(function(){
	$("input").focus(function(){
		$("input").css("background-color","#FFFFCC");
	});
	$("input").blur(function(){
		$("input").css("background-color","#D6D6FF");
	});
});

 $(document).ready(function(){
	$("input").focus(function(){
		$("input").css("background-color","#FFFFCC");
	});
	$("input").blur(function(){
		$("input").css("background-color","#D6D6FF");
	});
});

 $(document).ready(function(){
	$("input").keypress(function(){
		$("span").text(i+=1);
	});
});

 $(document).ready(function(){
	$(window).resize(function() {
		$("span").text(x+=1);
	});
});

 $(document).ready(function(){
	$("img").error(function(){
		$("img").replaceWith("Error loading image!");
	});
	$("button").click(function(){
		$("img").error();
	});
});
  Ошибка при загрузке изображения! 
  «);
	 });
	 $ ( "Кнопка"). Нажмите (функция () {
		 $ ( "IMG") ошибка ().
	 });
 }); 

 $(document).ready(function(){
	$("button").bind("click",function(){
		$("p").slideToggle();
	});
});

 $(document).ready(function(){
	$(document).mousemove(function(e){
		$("span").text(e.pageX + ", " + e.pageY);
	});
});