jquery+节点增加class

在 jQuery 中，可以使用addClass()方法来添加一个或多个类到已选中的 HTML 元素。

接下来，我们将通过一个例子来演示如何使用 jQuery 增加节点的 class。

html>
    head>
    script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">
    /script>
    script>
$(document).ready(function(){
$("button").click(function(){
    $("p").addClass("highlight");
}
    );
}
    );
    /script>
    style>
.highlight {
    background-color: yellow;
}
    /style>
    /head>
    body>
    p>
    这是一个段落。/p>
    button>
    添加类/button>
    /body>
    /html>
    

首先，在 HTML 头部加载了 jQuery 库。

然后，在 JavaScript 代码中，使用ready()方法来确保 HTML 页面完全加载后再执行代码。在按钮被点击时，可以使用addClass()来为所有的段落添加一个叫做 "highlight" 的 CSS 类。

最后，在 HTML 页面的 body 中有一个段落和一个按钮。当按钮被点击时，相应的段落将会被加上一个黄色背景的高亮效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！