Как на JQuery скрыть элемент по двойному клику мышкой

Чуть ниже читатель сможет посмотреть пример программного кода на JavaScript, который демонстрирует простейший вариант обработки события двойного клика .dblclick(). Клиентский скрипт реализует следующую логику: если вы выполните двойной щелчок левой кнопкой своей мышки на любой из абзацев, представленных за обозначенной надписью, то выбранный элемент исчезнет.

JavaScript:

<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

    $("p").dblclick(function(){
        $(this).hide();
    });
    
});
</script>

HTML:

<div id="container">
    <p>Если вы кликнете по паре раз подряд на 
        любой из нижних абзацев, то они, точнее он,
        скроется с глаз долой.</p>
    <p>Кликните сюда!</p>
    <p>Нажмите здесь!</p>
</div>

Все просто, не так ли?





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