gpt4 book ai didi

jquery - 如何在 jQuery 中通过单击和双击来添加、追加和实现颜色切换

转载 作者:行者123 更新时间:2023-12-01 04:37:43 27 4
gpt4 key购买 nike

所以我在学校有一个任务,但不知道如何解决。拜托拜托请帮忙。 HTML和CSS是给定的,根本无法编辑。一切都需要在 JS 中完成。这是任务:

我们有一份人员名单。我们需要将两个人添加到现有列表的顶部(见下文),并将三个人添加到列表的底部。然后,需要创建两个事件:

  1. 点击某人的姓名应将可见性降低至 20%,再点击一次应将不透明度恢复至 100%。

  2. 双击应该会导致以绿色突出显示某个人的名字。

    <style>     
    .persons li { list-style-type: none; opacity: 1; }
    .persons li a { color: black; text-decoration: none; }
    .persons li.closed { opacity: 0.2; }
    .persons li.alt a { color: green; }
    </style>

<html>
<head></head>
<body>
<ul class="persons">
<li><a href="#">Tom</a></li>
<li><a href="#">Jerry</a></li>
</ul>
</body>
</html>

最佳答案

JS:

$(document).ready(function() {
$(document).on("click", ".persons li", function() {
$(this).toggleClass("closed");
});
$(document).on("dblclick", ".persons li", function() {
$(this).toggleClass("alt");
});
});

演示:http://jsfiddle.net/lotusgodkk/GCu2D/2178/

引用:toggleClass dblclick click

关于jquery - 如何在 jQuery 中通过单击和双击来添加、追加和实现颜色切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46763945/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com