jQuery mouse click counter

2019-01-24 14:43发布

问题:

I need to color a table in zebra style, and then when I click on the table, twice (not double click), it should change back to original.

My question is, how to count 2 clicks?

回答1:

Demo: http://jsfiddle.net/aztVY/

(function () {
  var count = 0;

  $('table').click(function () {
    count += 1;

    if (count == 2) {
      // come code
    }
  });
})();


回答2:

You can use jQuery's toggleClass function for that:

$(" ... ").click(function() {
    $(this).toggleClass("someClass");
});

When clicked once, the element has the someClass class, and when clicked twice, the class is removed again.



回答3:

I might be wrong, but in between the lines of your question I read that you actually ask about toggleClass() method documented here.

Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the switch argument.