Question

如何通过jquery隐藏和显示元素

Answer 1

<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标签-->

Answer 2

$("# 元素ID").hide() 隐藏
$("# 元素ID").show() 显示