Примитивный пример обработки клика по элементу в 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>

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





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.