这段代码的意思是,当点击id为"button"的元素时,会给class为"A"的元素添加一个名为"active"的class。这里使用了jQuery库来实现这个功能。
首先,确保已经在HTML文件中引入了jQuery库:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
然后,可以使用以下代码实现所需功能:
$(document).ready(function() {
$("#button").click(function() {
$(".A").addClass("active");
});
});
这段代码中,$(document).ready()
确保在DOM加载完成后执行其中的代码。$("#button").click()
为id为"button"的元素绑定一个点击事件。当点击该元素时,会执行回调函数中的代码,即$(".A").addClass("active")
,这将为所有class为"A"的元素添加一个名为"active"的class。
如果你希望在点击按钮时,仅给当前页面(页A)的class为"A"的元素添加"active" class,而不影响下一页(页B)的历史记录,可以使用以下方法:
<div class="A pageA">内容</div>
$(document).ready(function() {
$("#button").click(function() {
$(".A.pageA").addClass("active");
});
});
这样,当点击按钮时,仅页A中的class为"A"的元素会被添加"active" class,而不会影响到下一页(页B)的历史记录。
领取专属 10元无门槛券
手把手带您无忧上云