当前位置: 首页 > 面试题库 >

如何在jQuery选择器中定义css:hover状态?

景光赫
2023-03-14
问题内容

我需要在jQuery的:hover上定义div的背景色,但以下内容似乎无效:

$(".myclass:hover div").css("background-color","red");

如何获得相同的结果?重要的是必须使用jQuery完成,但由于某些原因它不起作用。有什么建议么?谢谢!


问题答案:

我建议在jQuery上使用CSS(如果可能),否则可以使用类似的东西

$("div.myclass").hover(function() {
  $(this).css("background-color","red")
});

您可以根据需要更改选择器。

正如@ A.Wolff所评论的那样,如果要将悬停效果用于多个类,则可以像这样使用它

$(".myclass, .myclass2").hover(function(e) { 
    $(this).css("background-color",e.type === "mouseenter"?"red":"transparent") 
})


 类似资料:
  • 我将html写成 现在我希望如果选项是1,那么它应该被选择为 请帮帮我!!!

  • 如何在Android中创建一个自定义数据选择器,比如日期选择器,这样我就可以通过自定义输入或使用按钮来获取数据(int数据)(- 我想这样做 我想要像这样的图像-- 这是Android中日期选择器的示例:-

  • > 总结一下问题:我试图了解如何以特定的方式自定义html5日期选择器,具体来说,格式类似于8月31日星期二的[日历图标],右侧带有插入符号,可以打开日期选择器。经过初步搜索,我找到了这些用于自定义日期输入文本框的伪元素。 预期的结果是,这些定制选项在大多数情况下都可以满足定制日期选择器的要求,但到目前为止,我还无法应用这些选项来完全满足目标。例如,我试图去掉文本框中的第二个正斜杠(31之后的代码

  • 问题内容: 如何使用JavaScript变量作为jQuery选择器中的参数? 基本上,我想做的是能够隐藏一个元素,该元素等于被单击的元素的名称。 问题答案: 或者,您可以执行以下操作。 或者,您也可以发挥作用。 如果要永久删除整个元素,请从页面中删除。 您也可以在此使用它。

  • 主要内容:jQuery 选择器jQuery 选择器 请使用我们的 jQuery 选择器检测器 来演示不同的选择器。 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".intro,.demo") class 为 "intro" 或 "demo"

  • 主要内容:jQuery 选择器,元素选择器,实例,#id 选择器,实例,.class 选择器,实例,更多实例,独立文件中使用 jQuery 函数,实例jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选