jQuery Multiple Attribute Selector

What Is the Multiple Attribute Selector?

The multiple attribute selector (since jQuery 1.0) matches elements that pass every chained attribute filter — [filter1][filter2][filterN]. It is standard CSS with AND logic.

// Official pattern — has id AND name ends with "man"
$("input[id][name$='man']");

// Mix operators
$("a[href^='https'][target='_blank']");
$("input[type='text'][required]");

// Not OR — use a comma for OR
$("input[id], input[name$='man']");

How to Use Multiple Attribute Filters

Chain attribute brackets after an optional tag, then act on the match.

1. Start with a tag if helpful: input, a, button.
2. Add the first filter: [id] or [type='text'].
3. Chain more filters with no space: [name$='man'].
4. Every filter must pass — think AND.
5. Chain methods — .val(), .text(), .addClass().

Pseudocode

for each element matching the tag (e.g. input):
    if it fails filter1 → skip
    if it fails filter2 → skip
    …
    if it passes every filter:
        include it in the result

chained brackets = AND
comma-separated selectors = OR

Cheat Sheet

Keep these facts handy while chaining attribute filters.

Live Preview

Run the official AND filter, compare with a single filter, or count matches.

Ready — pick an action and click Run.

jQuery Examples

Short, copy-ready snippets. Use Try It Yourself for a live editor.

$("input[id][name$='man']").val("only this one");

superman + id → only this one
batman (no id) → unchanged
newsletter + id → unchanged
batman + id → only this one

$("#out").text(
  "[name$='man'] → " + $("input[name$='man']").length +
  " | [id][name$='man'] → " + $("input[id][name$='man']").length
);

[name$='man'] → 3 | [id][name$='man'] → 2

$("input[type='text'][required]").val(function (i, v) {
  return v + " *";
});

Name *   (text + required)
Age      (text, not required)
Agree    (checkbox + required — skipped)

$("a[href^='https'][target='_blank']").text(function (i, t) {
  return t + " ↗";
});

Docs ↗
Home (http — skipped)
Help (no target — skipped)

$("#out").text(
  "chain → " + $("input[id][name$='man']").length +
  " | filter → " + $("input").filter("[name$='man']").filter("[id]").length
);

chain → 2 | filter → 2

Performance Notes

Prefer a tag plus chained filters so the browser can narrow early. Chained CSS often beats multiple filter passes.

Key Takeaways