js $

作者：浮云过影发布日期:2026-01-30 浏览:16
// 使用 jQuery 库中的 $ 符号
// 首先需要引入 jQuery 库，可以通过 CDN 引入
// <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
    // 当文档加载完成时执行代码

    // 选择所有 p 元素，并将它们的文本内容设置为 "Hello, world!"
    $("p").text("Hello, world!");

    // 绑定点击事件到按钮上
    $("button").click(function() {
        // 当按钮被点击时，改变背景颜色为红色
        $("body").css("background-color", "red");
    });
});

// 解释说明：
// 1. $(document).ready(function() { ... })：确保 DOM 完全加载后再执行代码。
// 2. $("p").text("Hello, world!")：选择所有的 <p> 元素，并将它们的文本内容设置为 "Hello, world!"。
// 3. $("button").click(function() { ... })：为所有 <button> 元素绑定点击事件。
// 4. $("body").css("background-color", "red")：当按钮被点击时，改变 <body> 的背景颜色为红色。
上一篇：js ${}
下一篇：js input