jQuery .dblclick() Event

In this tutoral we are learn about jQuery dblclick Event means double click. this is most useful jquery event. usign this event you can change on any where on dblclick. you can use dblclick event with css class and id.

nicesnippets.com giving you best way of implementation of jquery .dblclick() Event. we are giving you free source code with live example.

Example Demo

Js Code

$(document).ready(function(){
    $(".btn").dblclick(function(){
    	$(this).slideUp();
    });
});

Html Code

<button type="button" class="btn">Basic</button>
<button type="button" class="btn btn-default">dblclick-1</button>
<button type="button" class="btn btn-primary">dblclick-2</button>
<button type="button" class="btn btn-success">dblclick-3</button>
<button type="button" class="btn btn-info">dblclick-4</button>
<button type="button" class="btn btn-warning">dblclick-5</button>
<button type="button" class="btn btn-danger">dblclick-6</button>
<button type="button" class="btn btn-link">dblclick-7</button>
Add