jQuery弹框点击事件

最新推荐文章于 2020-06-18 13:30:31 发布

王中王喜之郎

最新推荐文章于 2020-06-18 13:30:31 发布

阅读量1.1k

点赞数 2

分类专栏： JavaScript jquery js

本文链接：https://blog.csdn.net/weixin_45746635/article/details/102767469

版权

JavaScript 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

16 篇文章 0 订阅

订阅专栏

jquery

9 篇文章 0 订阅

订阅专栏

先看看托图片：
在这里插入图片描述紧接着就是代码了：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.js"></script>
    <style>
        p{
            width: 200px;
            height: 50px;
            background-color: aqua;
        }
    </style>
</head>
<body>
<center>
<h2>点击当前的p标签,弹出相对应的元素下标</h2>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
</center>

<script>
    $(function () {
        $("p").click(function () {
            alert($(this).index())
        })
    });
</script>

</body>
</html>