highlight 相关问题

jquery 单击时突出显示链接

如何使用jquery在点击链接时突出显示该链接？ 例如，当我单击链接 class1_1 时，我想将此链接设为红色（或其他颜色）。 JavaScript 代码在这里： 如何使用 jquery 在点击链接时突出显示该链接？ 例如，当我点击链接class1_1时，我想将此链接设为红色（或其他颜色）。 JavaScript代码在这里： <script type="text/javascript"> $(function(){ $("#menu li").each(function(){ $(this).click(function(event){ var ul=$(this).children("ul") var span = $(this).children("span") if(ul.html()!=null) { if(ul.css("display")=="none") { ul.css("display","block"); span.addClass("up") }else { ul.css("display","none") span.removeClass("up") } event.stopPropagation(); }else { event.stopPropagation(); } }); }); return false; }); </script> html代码在这里： <ul id="menu"> <li class="title"><span>class1 </span> <ul> <li><a href="">class1_1</a></li> <li><a href="">class1_2</a></li> </ul> </li> <li class="title"><span>class2</span> <ul> <li><span>class2_1</span> <ul> <li><a href="">class2_1_1</a></li> <li><a href="">class2_1_1</a></li> </ul> </li> </ul> </li> </ul> 也许我无法清楚地解释我的问题，我的意思是最后一个 onclick 链接成功了 颜色为红色，另一个链接设置为默认颜色 可以使用 CSS，不需要 jQuery： 亮点： a:active { background-color: #FF0000; } 更改链接颜色： a:active { color: #FF0000; } 编辑：回应您的评论...如果您的链接没有将浏览器引导到另一个页面，您可以使用Mike Robinson的答案来完成相同的效果，而无需离开页面，也不会将颜色更改回默认的onblur。 认为这应该可以做到，尽管我现在手头没有jquery。假设“up”是一个使您的链接变成红色的类： $("ul#menu a").click(function(){ $(this).addClass('up'); }); 这应该有效： Javascript： $(function(){ $('.class1').click(function() { $(this).toggleClass('active1'); }); }); CSS： a.class1 { color: red; } a.active1 { color: blue; } HTML： <a href="#" class="class1">some text</a> 最好使用toggleClass（2合1）而不是addClass/removeClass。 我会推荐 http://plugins.jquery.com/project/color jquery.color 插件。它将允许您为各种 html 元素设置颜色动画。 <script type = "text/javascript" > $(function() { $("#menu li").each(function() { $(this).click(function(event) { $("#menu li").removeClass("high"); $(this).addClass("high"); var ul = $(this).children("ul") var span = $(this).children("span") if (ul.html() != null) { if (ul.css("display") == "none") { ul.css("display", "block"); span.addClass("up") } else { ul.css("display", "none") span.removeClass("up") } event.stopPropagation(); } else { event.stopPropagation(); } }); }); return false; }); </script> <style> .high{color:red} </style> Javascript： $('.link').click(function() { if (!$(this).hasClass('hi')) { // If this link is not already highlighted, highlight it and make // sure other links of class .link are not highlighted. $('.hi').removeClass('hi'); $(this).addClass('hi'); } }); CSS： a.hi { color: red; } html: <a href="#" class="link">my text</a> <a href="#" class="link">that text</a> <a href="#" class="link">this text</a> 您可以使用CSS伪类active来做到这一点。它为激活的元素添加特殊样式。 例如，您可以这样做： a: active { color: red; } 请注意，CSS 定义中 a:active 必须位于 a:hover 之后才能生效！！ var base = window.location.pathname.substring(1); var links=""; $('a').click(function(){ links = $(this).attr('href'); localStorage.setItem(base, links); }); $('a[href="'+localStorage.getItem(base)+'"]').focus();

突出显示当前菜单项对某些项目不起作用

我为客户制作了这个网站：https://ccf2up.com/ 它应该突出显示当前菜单项。这是通过简单的 CSS 实现的： .当前菜单项a{ 颜色：#FFFFFF！重要； 背景：#2889AE！

如何使用Javascript突出显示文本表单输入搜索

我有一个带有关键字搜索的todoList，如何确保当我输入关键字时，下面的内容会突出显示？ 功能键搜索() { const inputSearchValue = inputSearch.value...

Wordpress，鼠标悬停时突出显示文本

大家好，当您用鼠标指针浏览文本时，wordpress 是否可以创建类似的效果？ 请参阅示例图片 谢谢回复。

移动平均线回顾

有谁知道如何编写突出显示“X”移动平均线的开始蜡烛的代码？例如，使用 50MA，指标会回顾并突出显示 50 根蜡烛......

React - 使用正则表达式突出显示危险的SetInnerHTML 内的文本.工作不可靠

目标是突出显示危险的SetInnerHTML 内的文本部分（字符串）。因此，我尝试匹配 html 中所需的文本部分，并将其包装在适当的“跨度”中...

如何突出显示数据框中的特定行？ [重复]

例如，我希望能够在数据框中以绿色突出显示前 17 行。我已经看到了有关如何根据列值突出显示行的答案，但没有什么像行那么简单，无论

如何在 jekyll markdown 博客中包含视频

我刚刚开始使用 jekyll 写博客。我用 Markdown 写帖子。现在，我想在我的帖子中添加一个 YouTube 视频。我怎样才能做到这一点？ 另外，我不太喜欢突出显示的 pygments...

使用 python docx 突出显示超链接

这是我的代码 我正在尝试使用 python docx 库突出显示 Word 文档中的超链接。但它无法识别超链接。有人可以帮我解决这个问题的代码吗？我有...

尝试在导航栏中突出显示当前页面

我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。 我搜索了文章，但发现的文章对我不起作用。 这是我的 html 代码： 我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。 我搜索了文章，发现的那些对我不起作用。 这是我的html代码： <nav> </div> </label> <script src="nav.js"></script> <label class="logo"><a href="index.html">JR-Koders</a></label> <ul> <li><a href="index.html" class="active text">Home</a></li> <li><a href="nav.html" class="text">News</a></li> <li><a href="j-koders.html" class="text">J-Koder</a></li> <li><a href="r-koder.html" class="text">R-Koder</a></li> <li><a href="koders.html" class="text">Koders</a></li> <li><a href="search.html"><i class="fa fa-search text"></i></a></li> </ul> </nav> <script type="text/javascript"> // Hamburger var menu = document.getElementById("hamburger"); menu.onclick = function(){ menu.classList.toggle("openhamburger"); } // End of this section </script> 这是我的CSS代码： *{ padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; } body{ font-family: arial; } nav{ background: black; color: #20C20E; height: 80px; width: 100%; } .text{ color: #20C20E; } label.logo{ color: white; font-size: 35px; line-height: 80px; padding: 0 100px; font-weight: bold; } nav ul{ float: right; margin-right: 20px; } .our-logo{ width: 70px; } a { color: inherit; } nav ul li{ display: inline-block; line-height: 80px; margin: 0 5px; } nav ul li a{ color: white; font-size: 17px; text-transform: uppercase; padding: 7px 13px; border-radius: 3px; } a.active,a:hover{ background: #1b9bff; transition: .5s; } label.a:hover { background: #1b9bff; transition: 3s; } 我也有让我的导航栏响应的代码，但我没有将其包含在此处，但我希望它能起到同样的作用 我在代码中看不到任何 ID 为“hamburger”且 css 类为“openhamburger”的 html 元素。 您要突出显示的部分应指定 ID 名称“hamburger”或提供 ID 为“hamburger”的 our 元素。 （正如您在代码的 javascript 部分中提到的 menu = document.getElementById("hamburger") ） 您想要突出显示的方式应该用类名“openhamburger”的css编写（因为您在javascript代码中提到了menu.classList.toggle(“openhamburger”)）。 我假设您想在单击汉堡包图标时突出显示导航栏 例如： HTML： <div onclick = "highlightNavbar()">☰</div> <nav id= "hamburger" > <!--some html code--> </nav> CSS： /* Style in such a way you want to highlight navbar */ .openhamburger{ position:relative; top: 30px; color: deeppink background-color:grey; } Javascript： <script> function highlightNavbar(){ var menu = document.getElementById("hamburger") menu.classList.toggle("openhamburger"); } </script> 上面的代码是根据你的javascript中给出的Id名称和类名称。

具有响应式文本的标题每换行应有一个背景

我正在寻找一位 CSS 大师，他可能会帮助我解决以下问题： 我正在开发一个响应式卡片容器（一行中显示的卡片数量取决于浏览器屏幕大小）...

尝试仅突出显示页面的一部分

我有一个可用的荧光笔功能。但是，它突出显示了整个网页。因此，例如，如果我搜索“诗篇”，所有这些都会在“book_name”部分中突出显示。我...

Solr |突出显示返回所有不匹配的字段

我正在使用 solr -7.x 我正在使用这样的突出显示功能。 查询：/search?q=australia&collection=jeep-au&wt=json&start=0&hl=on&hl.fl=标题、描述、关键字&hl.me...

如何在 Visual Studio Code for C# 中禁用显式类型突出显示？

我为 Visual Studio Code 安装了新版本的 C# 扩展，它开始为显式键入提供内联突出显示。 如何禁用此功能而不将扩展名恢复为 o...

Swift PDFKit 亮点

如何使用 PDFKit 与突出显示按钮交互？当我按“突出显示”时，无法突出显示所选文本。 结构 PDFTestView: UIViewRepresentable { 让文档：PDFDoc...

使用 Python 从 PDF 中提取文本 - 突出显示

我正在尝试编写一个程序，从 PDF 中提取文本，搜索关键字并突出显示它们，因此编写一个新的 pdf 并突出显示关键字。我不知道我是否需要提取文本然后...

以角度突出显示所选行的问题

我设计了一个自定义网格，我想突出显示选择的行，但它不起作用。我无法弄清楚为什么会发生这种情况。下面是自定义网格的部分...

如何防止手电筒荧光笔解析刀片组件

例如，我有以下代码，我想将其显示在我的网页中： 例如，我有以下代码，我想将其显示在我的网页中： <x-input-wrapper> <x-input label="Label" class="block w-60 mt-1" type="text" placeholder="{{ __('With Label') }}" /> </x-input-wrapper> 但是使用手电筒荧光笔，它会自动解析 < x-input-wrapper> 和 < x-input> 内的代码。这不是我想要的。 这个问题看似简单，但我在文档中花了相当多的时间寻找解决方案，但没有结果。 有没有什么好的替代方案可以快速突出显示代码？ 测试一下。你可以改变它

在 vim 中取消突出显示列

我在新系统上使用 vim 7.3，在编辑长行文件时注意到一些非常烦人的事情。 vim 突出显示第 80 列之后的所有文本。当然，我可以看到这可能是手写的...

Vim 中丢失语法高亮，但仅针对特定文件名

我在服务器上工作并使用vim，有时连接会中断。当我重新获得连接并尝试重新打开我正在处理的文件时，我选择删除旧的交换文件（我经常...