javascript - 如何为选定的段落设置动画?

标签 javascript jquery

<p>This is original paragraph. </p>
<p>Click me to see it fade.</p>

我想为上面的 HTML 代码中的第二段设置动画。 我在 jQuery 代码下面尝试过这个。

$( "p" ).eq(2).click(function() {
  $( this ).fadeTo( 0.40 );
});

最佳答案

使用 classdata-attr 方法代替等效方法。 :eq() 动态系统中的方法可能无法按预期工作。请尝试此方法,如果不起作用,请留下回复评论。

$( "p.animate-me").click(function() {
  $( this ).fadeTo("slow", 0.40 );
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>This is original paragraph. </p>
<p class="animate-me">Click me to see it fade.</p>

关于javascript - 如何为选定的段落设置动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54390247/

相关文章:

javascript - 我希望仅在播放列表末尾触发 OnComplete 事件

javascript - 获取请求访问另一个网站的网站域名

javascript - 为什么这个 JQuery 代码给我一个未定义的?

javascript - 如何将数据转换为 JSON

javascript - 如何找到窗口顶部位置和 iframe 起始位置之间的距离

javascript - Parse.com JavaScript SDK - 如何刷新缓存的用户对象?

javascript - 只使用bootstrap的Carousel

javascript - 当宽度 < XXX 像素时禁用图例 charts.js

javascript - 更改脚本 : Loop through divs every 10 seconds PLUS select DIV

Javascript Ajax Post 包装器