基本上，我尝试编写 jquery 代码以在一个封闭的 div 内切换对象(div，类)，并根据单击的导航按钮以三种不同的方式相应地替换它，默认情况下是登陆页面/动画。
我想将着陆页的内容替换为动态更改，因此我不会编写三个单独的代码页面，只需在访问者单击两个单独的按钮时更改一个 div 内的元素。我遇到的唯一问题可能是我的语法......我得到了隐藏元素的代码......如下所示， 当我尝试删除 Class/addClass 或 toggleClass 时，我与它抗争了几个小时都无济于事。
这是我当前的版本——我目前质疑的另一件事是为什么 .hide(this);在我的第二个函数中，内容淡出，而 .hide() 单独不会淡出，我喜欢淡出的效果，但我确信我能找到正确的方法，因为它可能是一个怪癖？？不确定
**$(document).ready(function() {
$("**#oneway**").click(function() {
$("**.lee**:first").hide();
});
$("**#secondway**").click(function() {
$("**.lee**:first").hide(this);
});**
我来写对应的HTML和CSS 感谢您花时间阅读
HTML
<div class="**enlosing**">
<nav>
<ul class="Nav">
<li id="stuff"><a href="blah.html" target="_self" >STUFF</a></li>
<li id="quality"><a href="**#oneway**" target="_self">QUALITY</a></li>
<li id="stuff2"><a href="blahblah.html" target="_self">STUFFALSO</a></li>
<li id="contact"><a href="**#secondway**" target="_self">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="**lee**">
<div class="**ex**">
<div class="place">
<a class="gotoplace" href="http://www.link.com" target="_self"></a>
</div>
</div>
<div/>
CSS
.ex{
display: table-cell;
text-align: center;
position: absolute;
top: 0; left: 0;
background-image: url(../img/seal.png);
background-position: left;
background-repeat:no-repeat;
margin-left:center;
height:100%;
width:100%;
}
我一直在尝试让 .ex 以多种方式动态更改，同时保持页面的其余部分不变。
由于这个问题已经在这个网站上以各种方式被问到，我已经经历了很多但现在无法区分我的问题。如果有专门针对我的代码的答案或问题，请原谅我的疏忽。
最佳答案
您正在使用链接的 href 值作为 jQuery 选择器，这是您做不到的。至少不是直接的。
两个选项，要么使用它们的 id，要么正确使用 href 作为属性。
1)
$('#stuff2 a').click(...)
2)
$('a[href="**#secondway**"]').click(...)
关于动态 jquery 内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8857751/