jQuery mousedown()方法指的是鼠标左键被按下时，被执行的事件方法。

语法

$(selector).mousedown(function)

参数

参数说明
function是可选参数。当 mousedown 事件触发时执行的方法。

例子

例1 简单的例子

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>  
<script>  
$(document).ready(function(){  
    $("#h1").mousedown(function(){  
       $( "div" ).text( "触发鼠标左键按下事件的内容" ).show().fadeOut( 2000 ); 
    });  
});  
</script>  
</head>  
<body>
<h1 id="h1">按下鼠标左键测试。</h1>
<div></div>
</body>  
</html>
例2

改变背景色的效果

 <!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("p").mousedown(function(){
        $("p").css("background-color", "blue");
    });
    $("p").mouseup(function(){
        $("p").css("background-color", "lightyellow");
    });
});
</script>
</head>
<body>
<p>单击鼠标左键试试看</p>
</body>

</html>