MooTools addEvent在Jquery中的替代方法

Question

$('test_div').addEvent('click', function() { 
     formElement = $$('.field_search_criteria')[0]; // get it from <form class="field_search_criteria" id="field_search"> 

     // On search 
     formElement.addEvent('submit', function(event) { 
      event.stop(); 

     alert(formElement.toQueryString()) 
     }); 
    }); 

任何人都可以幫助我將上面的mootools函數轉換成Jquery。什麼是的addEvent在MooTools的替代Jquery的提前:)

Answer 1

您可以使用上（）

//When i click on the element with id = test_div (substitue # with . if you are talking about a class) 
$('#test_div').on('click', function() { 
    //select the form with id = field_search 
    formElement = $('#field_search'); // get it from <form class="field_search_criteria" id="field_search"> 

    // On Submit 
    formElement.on('submit', function(event) { 
     //prevent default action 
     event.preventDefault(); 
     //alert serialized data 
     alert(formElement.serialize()) 
    }); 
}); 

Answer 2

你也可以做

感謝：

 

jQuery.fn.addEvent = jQuery.fn.bind; 

//Usage 
$(document).ready(function() { 
    $('test_div').addEvent('submit',function(){ .... }); 
}); 
 

Answer 3

JQuery的on功能會做的伎倆。

$("#test_div").on("click", function() {}); 

有關更多信息，請參閱http://api.jquery.com/on/。要取消綁定 「click」 事件，使用off這樣的：

$("#test_div").off("click"); 

更多信息，請參見http://api.jquery.com/off/。

注意：對於較早的JQuery版本（< 1.7），請使用bind和unbind。請參閱http://api.jquery.com/bind/和http://api.jquery.com/unbind/