<!DOCTYPE html> <html lang="ja-JP"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script> $(function(){ $("div").click(function(){ window.alert($("div").css("display")); }); $("span").click(function(){ window.alert($("span").css("display")); }); $("img").click(function(){ window.alert($("img").css("display")); }); $("table").click(function(){ window.alert($("table").css("display")); }) $("li").click(function(){ window.alert($("li").css("display")); }); //下の記述でも可 //$("div,span,img,table,li").click(function(){ // window.alert($(this).css("display")); //}); }); </script> </head> <body> <div>div要素</div> <hr> <span>span要素</span> <hr> <img src="img/img.png"> <hr> <table><tr><td>table要素</td></tr></table> <hr> <ul><li>li要素</li></ul> </body> </html>