jquery event.target_jquery 사용에 대한 몇 가지 지침

event.target
설명: 이벤트를 트리거한 DOM 요소입니다.

이것과 event.target의 차이점
js의 이벤트는 버블링되므로 변경될 수 있지만 event.target은 변경되지 않으며 항상 직접적입니다. 이벤트를 받아들이는 DOM 요소

이것과 event.target의 유사점
이것과 event.target은 모두 DOM 개체입니다. jquey의 메서드를 사용하려면 이를 jquery 개체로 변환할 수 있습니다. this) 및 $(event.target);

이전에 제가 작성한 예가 생각나네요.

코드 복사 코드는 다음과 같습니다. :

//del 이벤트
$(".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) {
if (tips =='ok'){
art.dialog.tips('성공적으로 삭제됨');
$(_tmpQuery.parents('tr:first')).hide();//If 첫 번째 문장을 추가하지 말고 $($(this).parents('tr:first')).hide()를 사용하세요.
                                                               8                                                                                              // 이는 현재 클래스가 아니기 때문입니다. " DOM 개체. 하지만 jQuery의 AJAX 구성 개체 ajaxSettings.
🎜>         }) ;
               return true;
         }); hide(); 구체적인 코드는 다음과 같습니다.




코드 복사

코드는 다음과 같습니다.

$(".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){

if(tips=='ok'){

예술. Dialog.tips('삭제되었습니다');
                                                                                        ~               5);
                                                                                           ; .target)





코드 복사


코드는 다음과 같습니다.

   

   

       
• 第一行
             
  
                 
  • 这是公告标题1
  
                
  • 这是公告
               
  
          < ;/li>
     

상면적 例子如果改成使용이

复主代码 代码如下:

< ;script>

$(document).ready(function(){
    함수 핸들러(이벤트) {
      var $target = $(event.target);
      if( $target.is( "li") ) {
        $target.children().toggle();
      }
    }
    $("ul").click(handler).find("ul"). hide();//从这里也看出find只에서 后代中遍历, 不包括自己。
});

 
• 항목 1

     

  
       
  • 하위 항목 1-a
  
       
  • 하위 항목 1- b
  
     
  
   

 
• 항목 2
     
  
       
  • 하위 항목 2-a< /li>
         
  • 하위 항목 2-b
  
     
  
   

매개변수가 없는 Toggle() 기능:

toggle에는 두 가지 기능이 있습니다.
toggle()
요소의 표시 상태를 전환합니다.
요소가 표시되면 숨김으로 전환하고, 요소가 숨겨져 있으면 표시로 전환하세요.

toggle(fn,fn)
클릭할 때마다 호출되는 함수를 토글합니다.
일치하는 요소를 클릭하면 지정된 첫 번째 기능이 실행되고, 동일한 요소를 다시 클릭하면 지정된 두 번째 기능이 실행됩니다. 이후 클릭할 때마다 이 두 함수에 대한 호출이 차례로 반복됩니다.
바인딩 해제("클릭")를 사용하여 삭제할 수 있습니다.