jQuery點擊自身以外地方關閉彈出層

標籤：http   os   io   art   cti   html   ar   htm   

1. $(function(){
2.     $(document).bind("click", function (e) {
3.             if($(e.target).closest("#txt").length>0){
4.             $("#tip").show();
5.         }else{
6.             $("#tip").hide();
7.         }
8.     });    
9. });

closest會首先檢查當前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上尋找父元素，一層一層往上，直到找到匹配選取器的元素。如果什麼都沒找到則返回一個空的jQuery對象。

.closest()	.parents()
從當前元素開始	從父元素開始
沿 DOM 樹向上遍曆，直到找到已應用選取器的一個匹配為止。	沿 DOM 樹向上遍曆，直到文檔的根項目為止，將每個祖先元素添加到一個臨時的集合；如果應用了選取器，則會基於該選取器對這個集合進行篩選。
返回包含零個或一個元素的 jQuery 對象	返回包含零個、一個或多個元素的 jQuery 對象

參考資料：http://www.520ued.com/article/index/arcid/25.html

　　　　   http://www.w3school.com.cn/jquery/traversing_closest.asp