JQuery multiple selectors, "AND" operator

Question

The followingcode will fire alert to the click event for elements with Class = a.cssPauseAll OR attribute = historyID

$(document).on("click","a.cssPauseAll,[historyID]", function () {
    alert($(this));

});

How can I use multiple selectors using an AND operator?

which means, the elements with the a.cssPauseAll class AND historyID attribute?

Answer 1

Just remove the , from your selector:

$(document).on("click","a.cssPauseAll[historyID]", function () {

historyID is not a valid attribute you can use data-* attribute instead:

$(document).on("click","a.cssPauseAll[data-historyid]", function () {

Answer 2

the elements with the a.cssPauseAll class AND historyID attribute

Use the following selector:

a.cssPauseAll[historyID]

Test it yourself - http://jsfiddle.net/SrNDt/

Note: Commas separate selectors and therefore behave as a logical OR. Chaining expressions into a single selector behave as a logical AND.