Jquery教程
Jquery动效
Jquery HTML/CSS
Jquery 事件
jquery常用

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>
输出:

如果您单击此标题,它将消失。

我也将消失。

我也是。

昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4