如何通过jquery隐藏和显示元素
展开全部
<script src="jQuery/jquery.js"></script><!--请留意JQ引用位置-->
<!--脚本部分开始-->
<script language="javascript">
$(document).ready(function(){
//第一行,鼠标移到P标签,span中的元素显示
$("img#p1").mouseover(function(){$("img#span1").show()})
//第二行,鼠标离P标签,span中的元素隐藏
$("img#p1").mouseout(function(){$('img#span1').hide()})
})
</script>
<!--脚本部分结束-->
<!--HTML部分开始-->
<p id="p1">把鼠标移动到这里来</p>
<span><img id="span1" src="span图片.JPG" style="display:none"/>我是显示内容1</span>
<!--HTML部分结束-->
<!--解释:通过jQuery的show()、hide()函数可以实现显示和隐藏功能,通过jQuery的CSS选择器可以选择HTML标签-->
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询