Эффект jQuery: код jQuery для получения одного элемента из выбора

Последнее обновление 21 сентября 2018 11:14:17 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Эффект jQuery: упражнение 7 с решением

Напишите код jQuery, чтобы получить один элемент из выбора.
Пример данных :

HTML код:

 <Тело>
<Щ>
<li> Учебник по HTML </ li>
<li> Учебное пособие по Mongodb </ li>
<li> Python Tutorial </ li>
</ Body>

Решение :

HTML-код:

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Write a jQuery Code to get a single element from a selection</title>
</head>
<body>
<p> Click this paragraph to see it fade.</p>
</body>
</html>

Код JavaScript:


$( "p:first" ).click(function() {
  $( this ).fadeTo( 500, 0.40 );
});

Примечание. В jQuery .on (events [, селектор] [, данные], обработчик) метод используется для присоединения функции обработчика событий для одного или нескольких событий к выбранным элементам. Он имеет следующие параметры:

события: разделенные пробелами типы событий (один или несколько) и необязательные пространства имен, такие как «щелчок» или «keydown.myPlugin». [Тип: Строка]
селектор: отфильтровать потомков выбранных элементов, которые вызывают событие. [Тип: Строка]
data: данные, которые будут переданы обработчику в event.data при запуске события. [Тип: все, что угодно]
обработчик: функция, выполняемая при срабатывании события. [Тип: Функция (Event eventObject [, Anything extraParameter] [, ...])]

Демонстрация в реальном времени:

См. Pen jquery-effect-упражнение-7 от w3resource ( @ w3resource ) в CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущий: Анимация абзаца для перехода к указанной непрозрачности (завершите анимацию в течение 500 миллисекунд).
Далее: переключение между исчезновением и исчезновением разных полей