jquery 關於event.target使用的幾點說明介紹_jquery

event.target
說明：引發事件的DOM元素。

this和event.target的區別
js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素；

this和event.target的相同點
this和event.target都是dom對象，如果要使用jquey中的方法可以將他們轉換為jquery對象：$(this)和$(event.target);

這讓我想起了以前寫的一個例子：

複製程式碼 程式碼如下:

    //del event
    $(".del").bind("click",function(event){
    上這句？ dialog.confirm('你確認刪除該日誌嗎？',function(){
            $.post("myRun/managerlog_del.php",{id: tips =='ok'){
                    art.dialog.tips('成功刪除');
  tr:first')).hide();//如果不加第一句，這裡用$($(this).parents('tr:first')).hide();則不會隱藏
                  對象了。 .tips(tips,5);
                }
            }) ;
            return true;
        });
    });




複製程式碼

程式碼如下:

$(".del").bind("click",function(event){    //var _tmpQuery=$(this);這行程式碼可以刪除    var id=$("input[name='id']",$(this).parents("form:first")).attr("value");    art.dialog .confirm('你確認刪除該日誌嗎？ ',function(){        $.post("myRun/managerlog_del.php",{id:id},function(tips){

           art. dialog.tips('成功刪除');

                $(event.target).parents('tr:first').            art.dialog.tips(tips, 5);
            }
        });
      
event.target和$(event .target)的使用





複製程式碼


程式碼如下:

   

   

       
• 第一行
             
  
               這是公告2

                這是標題公告3
               
• 4

    標題       標題

 /body>




上面的範例如果修改成使用這個

複製程式碼

程式碼如下：

    $("li") .live("click",function(event){

        $("#temp").html(" 點選：" 事件。target.nodeName);
       $("" "#FF3300");
        event.stopPropagation();
    })
});


});


});

複製代碼代碼如下:

$(document).ready(function(){
    函數處理程序(事件) {
      var $target = $(event.target);
    var $target = $(event.target);
    var $target = $(event.target);
   ") ) {
        $target.children().toggle();
      }
    }
    }    }

  );//從這裡也可以看出find只在子代中遍歷，不包括自己。 >

 
• 第1 項
     
  
       
  • 子項目1-a
  
      
  • 子項目1-a
  
      
  • 子項目1- b
  
     >
     
  
   

 
• 第2 項
     
  
       
  • 子項目2-a
    
         
    • 子項目2-a子項目2-b
       

     

  
  
  
  

toggle()不帶參數的作用：

toggle有兩種作用：
toggle()
切換元素的可見狀態。
如果元素是可見的，切換為隱藏的；如果元素是隱藏的，切換為可見的。

toggle(fn,fn)
每次點擊時切換要呼叫的函數。
如果點擊了一個符合的元素，則觸發指定的第一個函數，當再次點擊相同元素時，則觸發指定的第二個函數。隨後的每次點擊都重複對這兩個函數的輪番呼叫。
可以使用unbind("click")來刪除。