FadeIn段落中的某些文本，而不是Jquery中的其他文本

我有一段

<p>This is stack over flow. This is a programming website</p>

现在我只想在页面加载上使用一些css样式的文本“stack over flow”fadeIn，而不是其他文本的fadeIn

那么如何做到这一点。请帮助。

试试这个：

<p><span class="2nd">This is </span><span class="1st">stack over flow</span><span class="2nd">. This is a programming website</span></p>

并使用以下jquery：

<script type="text/javascript">
    $(document).ready(function () {

        $("span").fadeOut(1);

        $(".2nd").fadeIn(3000);

        $(".1st").fadeIn(1000);

    });
</script>

---

我希望这是有帮助的，是的，请标记，否则请让我知道。

您必须将字符串与类分开，并使用fadein回调。 像这样的方法应该会奏效：

HTML:

<span class="andThen">This is </span><span class="firstAppears">stack over flow.</span> <span id="andThen">This is a programming website</span>

---

我第一次只有给定的段落。我如何根据您的答案将其拆分。您可以将上面的span放置在标记中，但如何将段落文本拆分为三个不同的span。如果您无法编辑内容以添加span标记，您可能需要使用一些子字符串对其进行解析，并通过jquery html函数设置段落内容来重建段落

$(".firstAppears").fadeIn('slow', function() {
     // first animation complete
     $(".andThen").fadeIn('slow');
});