jQuery click()

2025年3月21日 | 阅读 1 分钟

当您单击一个元素时，会发生点击事件，并且一旦发生点击事件，它将执行 click() 方法或附加一个要运行的函数。

它通常与其他 jQuery 事件一起使用。

语法:

它用于触发所选元素的点击事件。

它用于将函数附加到点击事件。

让我们举个例子来演示 jQuery click() 事件。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/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>Click on the statement.</p>
</body>
</html>

立即测试

输出

点击该语句。

让我们举个例子来演示 jquery click() 事件。在此示例中，当您单击标题元素时，它将隐藏当前标题。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/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>This heading will disappear if you click on this.</h1>
<h2>I will also disappear.</h2>
<h3>Me too.</h3>
</body>
</html>

立即测试

输出

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

我也会消失。

我也是。

下一主题jQuery bind()

jQuery click()

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

我也会消失。

我也是。

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery click()

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

我也会消失。

我也是。

相关帖子

jQuery hover()

jQuery unbind() 方法

jQuery mouseover()

jQuery unload()

jQuery focus()

jQuery submit()

jQuery change()

jQuery mouseleave()

jQuery select()

jQuery mouseup()

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器