$(this).find('input[type="submit"]:not(.cancel), button').click(function () - what is this?

Question

Can someone help me understand this line of jquery code?:

$(this).find('input[type="submit"]:not(.cancel), button').click(function ()

I'm particularly interested in .cancel, since the whole chunk of jquery code (not included here) is being used to validate a page and I'm trying to prevent the validation if the user clicks on the cancel button. I'm guessing the above line of code is saying it the submit button clicked is NOT the cancel button, then continue.

But I don't know how to designate a button as cancel.

Answer 1

Basically it is looking for elements located within this that has the following requirements

1. is an input
2. has type = submit
3. does not have a class of cancel

OR

1. is a button

Answer 2

Good answers here. Perhaps this annotated version adds some value.

$(this)                   // within this jQuery object
  .find('                 // find all elements
    input[type="submit"]  // that are input tags of type "submit"
    :not(.cancel)         // and do not have the class "cancel"
    ,                     // or
    button                // are button elements
  ')
  .click(                 // and for each of these, to their click event
    function (){}         // bind this function
  );