JavaScript 点击body事件

点击事件控制页面显示效果

原创于 2012-05-05 10:41:28 发布 · 888 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function

Html+CSS+JS+Jquery+Ajax 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何通过JavaScript实现页面元素的点击事件，根据不同类名控制#face、#pic_temp和#video元素的显示和隐藏。

$("body").click(function(e)
{
//you can then check what has been clicked
var target = $(e.target);
if (target.is(".bq"))
{
  if($("#face").css('display')=="none")
     {
    $("#face").show();
    $("#pic_temp").hide();
    $("#video").hide();
     }
     else
     {
       $("#face").hide();
     }
}
else if(target.is(".tp"))
{
   if($("#pic_temp").css('display')=="none")
     {
    $("#pic_temp").show();
    $("#face").hide();
    $("#video").hide();
     }
     else
     {
       $("#pic_temp").hide();
     }
}
else if(target.is(".sp"))
{
   if($("#video").css('display')=="none")
     {
    $("#video").show();
    $("#face").hide();
      $("#pic_temp").hide();
     }
     else
     {
       $("#video").hide();
     }
}
else
{
     $("#face").hide();
     $("#pic_temp").hide();
     $("#video").hide();
}
})