Jquery选择标签-6ren

Jquery选择标签

转载作者：行者123 更新时间：2023-12-01 04:49:53

26

4

第一次提问。

我有一个名为“leftbox”的 div 类。

在“leftbox”内，我有一个段落和一个嵌套在其中的跨度标签。

当我用鼠标输入图像(名为“push”的类)时，我希望 leftbox 内的段落标签淡出，但让 span 标签可见。

这是“leftbox”的 HTML。

<html>
<body>
<img class="push" src="images/seed1.jpg"></a>
<div class="leftbox">
<p>lorem ispum dolor sit ameti conse <span>this seed is your</span> etur ad ipisicing   elit sed loeiusim</p>
</div>
</body>
</html>

这是我执行此事件的尝试

<script>
$(document).ready(function(){
$(".push").mouseenter(function(){
$("p").fadeOut(1000);
});
});
</script

感谢您的帮助和分享!

最佳答案

这个要简单得多，并且根本不需要jQuery(也不需要任何javascript)。但仅如果 <div class="leftbox"> 则有效。是图像的直接兄弟。
我假设你想要 <span>当图像悬停时再次淡入。

.push + .leftbox p span {
    -webkit-transition: opacity ease-out 1s;
    -moz-transition: opacity ease-out 1s;
    -ms-transition: opacity ease-out 1s;
    -o-transition: opacity ease-out 1s;
    transition: opacity ease-out 1s;
}
.push:hover + .leftbox p span {
    opacity: 0
}

示例如下: JsFiddle

<小时/>

该解决方案的巨大优势是原生 CSS 动画引擎。例如。当您在跨度完全不可见之前取消悬停图像时，它将从停止淡出的同一点开始淡入。在 jQuery 解决方案中，它将完成 opactiy: 0 的动画。然后开始淡入。想象一下当您在几秒钟内重复悬停和悬停图像 50 次时的情况。动画将因此重复 50 秒!

关于Jquery选择标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22134458/

26

4

0

文章推荐： java - 无法读取对 ACM mouseMoved 方法的调用

文章推荐： java - 无法绘制透明组件背景

文章推荐： Python通过for循环将字符串参数传递到sql执行中

首页

博学

6Ren·AI

商城

Jquery选择标签

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

Jquery选择标签

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内