用于jquery的类内的类

我想使用jquery淡入文本。我把一切都安排好了，但似乎不起作用。也许有人能帮我解决这个问题？这就是我所拥有的：

.nav ul li {
opacity: 0;
padding: 0px 50px;
transition: opacity 2s ease-in; 
/* and some more transitions for other browsers */
}

.nav ul li.fade {
opacity: 1;
/* The problem is probably here: class inside of another class */
}

jquery：

$('ul.nav li').addClass('fade');

我希望有人能帮助我。我不知道如何解决这个问题。我已经寻找了一些解决方案，但我认为它们不能解决我的问题。提前谢谢。 编辑：我从这个网站的一个例子中得到了这个，并打算尝试一下

编辑2： :

标题

链接1
链接2


链接3
链接4

我的标签：

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type='text/javascript' src="js/class.js"></script>

你的意思是：

ul.nav li.fade {

而不是这个

.nav ul li.fade {

还可以将第一个“.nav ul”更改为“ul.nav”

我想您需要

$('.nav ul li').addClass('fade');

---

由于

.nav ul li

是带有transition属性的选择器

根据您的JSFIDLE判断，您需要使用：

$('div.nav ul li').addClass('fade');

并将CSS更改为：

div.nav ul li.fade {
    opacity: 1; 
}

因为在HTML中，

具有类

.nav

：

<div id='navRight' class='nav'>

---

发布您的标记/jsFiddle示例，显示问题。您的html是什么样子的？为什么不使用

fadeIn（）

而不是添加一个类…Bipen，实际上我打算将淡入更改为更复杂的动画，但首先使用淡入。不过谢谢你提醒我！工作小提琴

-->

我一开始试过，但没用。我查了一下，另一篇帖子告诉我说“ul.nav li”是最好的选择。这可能是错误的，不过，我还是新手@你在css窗口中的选择器是

nav ul li

在小提琴中，当它应该是

时。nav ul li

，请注意这个点。我几乎让它工作了，我不小心删除了这个点。你的答案是对的，我弄错了，但由于某些原因，我的jquery无法正确加载。谢谢你的帮助。它似乎在JSFIDLE中工作，谢谢你。但由于某些原因，我自己的网站无法使用它。这可能是jquery链接的问题吗？我是从谷歌图书馆得到的。@Blooded你在控制台里有什么错误吗？如果这就是HTML的实际外观，那么它应该会起作用。有jQuery可以工作吗？它是实际的代码。我不知道如何轻松地测试jquery是否正常工作；这实际上是我设置jquery的测试，哈哈。这是我在页面底部的内容，在body标签关闭之前：（我将把它添加到页面顶部的帖子中，使其更易于阅读！）@Blooded它在你的控制台中说了什么？若你们打开Chrome工具或Firebug，你们会得到一个错误，若有问题的话。嗯，我明白了：加载资源失败file://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js 未捕获引用错误：$未定义

<div id='navRight' class='nav'>