网站导航

网站导航

最近发表

文章归档

首页 jQuery正文

jquery 修改 p

jQuery
赵幸婉 2周前 12浏览 0评论

jQuery 是一个广泛应用于 Web 前端开发的 JavaScript 库。通过使用 jQuery，我们可以快速地创建交互式、响应式的网站并且减少代码量。下面是一个简单的例子，演示如何使用 jQuery 修改一个 HTML 页面中的 p 标签。

<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
      $(document).ready(function() {
        $('p').click(function() {
          $(this).text('Hello, jQuery!');
        });
      });
    </script>
  </head>
  <body>
    <p>这是一个普通的段落。</p>
    <p>这也是一个普通的段落。</p>
  </body>
</html>

上面的代码使用了 jQuery 的核心函数，即：

$(document).ready(function() {
  // Code to execute when the document is ready
});

它确保在文档完全加载后再执行我们的代码。

接着我们选择了所有的 p 标签，绑定了一个点击事件。当用户点击任意一个 p 标签时，它的文本就会变为 "Hello, jQuery!"。

简单易懂吧？相信你已经能够简单地使用 jQuery 来修改 p 标签了！

上一篇 python3 界面登录
下一篇 html方形变圆角代码