87,920
社区成员
发帖
与我相关
我的任务
分享
<div>
<ul>
<li>
<dt>标题1</dt>
<dd class="left_content" style="display: none">内容1</dd>
</ul>
</li>
<li>
<dt>标题2</dt>
<dd class="left_content" style="display: none">内容2</dd>
</ul>
</li>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("a").hover(
function (){
$('.left_content').show();
},
function (){
$('.left_content').hide();
}
);
});
<div>
<ul>
<li>
<dt><a href=#>标题1</a></dt>
<dd class="left_content" style="display: none">内容1</dd>
</ul>
</li>
<li>
<dt><a href=#>标题2</a></dt>
<dd class="left_content" style="display: none">内容2</dd>
</ul>
</li>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("a").hover(
function (){
$('.left_content').show();
},
function (){
$('.left_content').hide();
}
);
});
</script>
$(document).ready(function(){
//$(this)
$("a").hover(
function (){
alert($(this).attr("href")); //获取a元素的href属性
$('.left_content').show();
},
function (){
$('.left_content').hide();
}
);
});
<div> <ul> <li> <dt><a href='#'>标题1</a></dt> <dd class="left_content" style="display: none">内容1</dd> </ul> </li> <li> <dt><a href='#'>标题2</a></dt> <dd class="left_content" style="display: none">内容2</dd> </ul> </li> </div> <script type="text/javascript"> $(document).ready(function(){ $("a").hover( function (){ $('.left_content').show(); }, function (){ $('.left_content').hide(); } ); });
</script>