jQuery 参考指南

以下是一个简化的jQuery代码示例，它展示了如何使用jQuery来动态更新HTML内容：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            // 当按钮被点击时，更新p元素的内容
            $('#myButton').click(function() {
                $('#myParagraph').text('这是更新后的文本内容。');
            });
        });
    </script>
</head>
<body>
 
<p id="myParagraph">这是一个段落。</p>
<button id="myButton">点击我更新段落文本</button>
 
</body>
</html>

这段代码在用户点击按钮后，会将id为myParagraph的<p>标签的文本内容更新为"这是更新后的文本内容。"。这是jQuery中一个非常基础且常用的操作，展示了如何利用选择器和事件处理器来进行DOM操作。

jQuery 参考指南

评论已关闭

推荐阅读