jquery中click是什么意思

137 阅读 0 评论 91 点赞

我是靠谱客的博主过时帅哥，这篇文章主要介绍jquery中click是什么意思，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中click是什么意思

click事件就是鼠标按钮单击事件。

此外,你还可以额外传递给事件处理函数一些数据

当单击元素时，发生 click 事件。

click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。

click()方法的主要作用是触发调用click方法元素onclick事件,实际上是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click方法会在执行完onclick事件之后执行括号内部的语句。

语法如下：

复制代码$(selector).click()
$(selector).click(function)1
2
$(selector).click()
$(selector).click(function)
登录后复制

上述语法分别触发被选元素的 click 事件和添加函数到 click 事件

示例如下：

复制代码<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("body *:not(.intro)").click(function(){
    $("div").hide();
  });
  $(".intro").click(function(){
    $("div").show();
  });
});
</script>
<style type="text/css">
    div{
        width:200px;
        height:200px;
        background-color:red;
    }
</style>
</head>
<body>
<div></div>
<button class="intro">按钮</button>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("body *:not(.intro)").click(function(){
    $("div").hide();
  });
  $(".intro").click(function(){
    $("div").show();
  });
});
</script>
<style type="text/css">
    div{
        width:200px;
        height:200px;
        background-color:red;
    }
</style>
</head>
<body>
<div></div>
<button class="intro">按钮</button>
</body>
</html>
登录后复制