用 jquery 实现在html中，点一下即获取当前单词

最新推荐文章于 2021-09-10 10:08:59 发布

原创最新推荐文章于 2021-09-10 10:08:59 发布 · 971 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #html

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，通过引入jQuery库来简化JavaScript编程。具体实现了当用户点击带有特定ID的span元素时，弹窗显示该元素的文字内容。此示例有助于初学者理解如何结合HTML、JavaScript及jQuery进行网页互动功能的开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
          $("span").click(function(){
            alert($(this).text());
          });
        });
        </script>
    </head>
<body>

<h1>My Web Page</h1>

<p id="demo"><span id="ka">A</span> <span id="ke">Paragraph</span></p>

</body>
</html>