2,JQuery學習-為頁面的元素添加點擊事件

<script type="text/javascript" src="jquery-1.8.2.js"></script> 
<script type="text/javascript"> 
    //$(document).ready();這個是要在頁面加載時執行的函數,document表示本頁面  
 
    $(document).ready(function (){  
        //這個是給這個頁面的所有a標簽添加點擊事件  
        $('a').click(function (){  
        //這個是點擊處理函數的內部處理  
            alert("響應了a標簽的點擊");  
        });  
        //這個是給這個頁面的所有input標簽添加點擊事件  
        /*  
        $('input').click(function (){  
            alert("響應了input標簽的點擊");  
        });  
        */  
        //這個是給input標簽下所有type為text的標簽元素添加點擊事件  
        /*  
        $('input:text').click(function (){  
            alert("響應input標簽下所有type為text的標簽元素的點擊事件");  
        });  
        */  
        //這個是給input標簽下所有type為text的標簽元素中的第一個也就是0號添加點擊事件  
        /*  
        $('input:text:first').click(function (){  
            alert("響應input標簽下所有type為text的標簽元素的第一個也就是0號的點擊事件");  
        });  
        */  
        //這個是給input標簽下所有type為text的標簽元素中的第一個也就是4號添加點擊事件  
        /*  
        $('input:text:last').click(function (){  
            alert("響應input標簽下所有type為text的標簽元素的第一個也就是4號的點擊事件");  
        });  
        */  
        //下面是一些常用的過濾屬性  
        // even偶數  
        // odd 基數  
        // eq  等于  
        // lt  小于  
        // gt  大于  
          
        /////////////過濾屬性的用法////////////////  
        /*  
        $('input:text:even').click(function (){  
             alert("響應input下text下的第event號就是偶數號的點擊");  
        });  
        */  
        $('input:text:gt(3)').click(function(){  
            alert("響應input下text下的大于3號元素的點擊");  
        });  
          
          
        //這個是給class為readBox的標簽元素添加點擊事件  
        $('.redBox').click(function (){  
            alert("響應class為redBox的標簽元素的點擊事件");  
        });  
    });  
    //d  
</script> 
<a href="#">點擊</a><br/> 
0號:<input type="text" name="t" /><br/> 
1號:<input type="text" /><br/> 
2號:<input type="text" /><br/> 
3號:<input type="text" /><br/> 
4號:<input type="text" /><br/> 
<input type="checkbox" /><br/> 
<div style="width:100px;height:100px;background-color:green;"></div> 
<div style="width:100px;height:100px;background-color:red;" class="redBox"></div>