Jquery click()
Jquery click()
单击元素时，将发生click事件，一旦单击事件发生，它将执行click()方法或附加一个要运行的函数。
它通常与jQuery的其他事件一起使用。
语法:
$(selector).click()
用于触发所选元素的点击事件。
$(selector).click(function)
用于将函数附加到click事件。
我们以一个示例来演示jQuery click()事件。
<!DOCTYPE html>
<html>
<head>
<script src="/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
alert("This paragraph was clicked.");
});
});
</script>
</head>
<body>
<p>点击这段文字</p>
</body>
</html>
输出:
点击这段文字
让我们以一个示例来演示jquery click()事件。在此示例中，当您单击标题元素时，它将隐藏当前标题。
<!DOCTYPE html>
<html>
<head>
<script src="/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h1,h2,h3").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<h1>如果您单击此标题，它将消失。</h1>
<h2>我也将消失。</h2>
<h3>我也是。</h3>
</body>
</html>
输出:
如果您单击此标题，它将消失。
我也将消失。
我也是。