jQuery click() 事件 顾名思义就是点击元素的时候执行的事件,它也是我们开发中经常用到的方法。

语法

$(selector).click(function) 
function: 表示点击的回调函数,即执行的方法。

例子

例1

一个简答的click事件的例子

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("p").click(function(){
        alert("调用了click事件方法.");
    });
});
</script>
</head>
<body>
<p>点击看看效果</p>
</body>
</html>

例2

点击隐藏的例子

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("h1,h2,h3").click(function(){
        $(this).hide();
    });
});
</script>
</head>
<body>
<h1>点击h1标题会消失。</h1>
<h2>点击h2标题也会消失。</h2>
<h3>点击h3标题也会消失。</h3>
</body>

</html>