$(":input") 如何改写为范围定义在页面上的所有元素

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 <script type="text/javascript" src="jquery-1.2.1.js"></script>
 <script type="text/javascript">
    $(document).ready(function(){
        $(":input").click(function(){
            alert($(this).attr("name"));
        })
    });
 </script>
 
 </HEAD>
 
 <BODY>
    <input type="button" name="test1" value="test1">
    <input type="button" name="test2" value="test2">
    <input type="button" name="test3" value="test3">
    <input type="button" name="test4" value="test4">
    <input type="button" name="test5" value="test5">
    <input type="button" name="test6" value="test6">
 </BODY>
</HTML>我想这样改写:
 $(":input").click(function() 这个如何改写为对于页面上的任何元素，包含图片啊，文本框啊，表格啊，层之类，都能触发，而非只是input怎样改啊，谢谢！

解决方案 »

  1.   


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
         $(document).ready(function(){
             $("*").click(function(e){
                 var a=$(this).attr("name");
     if(a == undefined){
    alert("未定义名称");
    }else{
    alert(a);
    }
     e.stopPropagation();
             })
         });
      </script>
        
      <BODY>
         <input type="button" name="test1" value="test1">
         <input type="button" name="test2" value="test2">
         <input type="button" name="test3" value="test3">
         <input type="button" name="test4" value="test4">
         <input type="button" name="test5" value="test5">
         <input type="button" name="test6" value="test6">
      </BODY>
      

  2.   


    $(document).ready(function(){
             $(document).click(function(e){
                 alert($(e.target).attr("name"));
             })
         });这样更好.
      

  3.   

    采用冒泡的原理，直接给最大的父类添加单击事件，
    $(document).click();