Примітивний приклад обробки кліка по елементу в JQuery

Далі представлений найпростіший варіант обробки кліка по довільному елементу веб-сторінки на JavaScript (правда з використанням бібліотеки JQuery) .click(). Демонстраційний приклад реалізує просту логіку: натискаєте на пункт ненумерованного списку, і останній зникає.

JavaScript:

<script src=”http://yandex.st/jquery/1.8.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“ul li”).click(function(){
$(this).hide();
});
});
</script>

HTML:

<div id=”super-document”>
<p>Якщо ви клацнете на
будь-який з представлених нижче пунктиків, то
вибраний елемент сховається від вас.</p>
<ul>
<li>Виберіть мишкою тут!</li>
<li>натисніть ЛКМ тут!</li>
</ul>
</div>

Нескладно адже, чи не правда?

Залишити відповідь