BrowserTricks Logo
All ToolsTricksFeatures
PDF ToolsImage ToolsVideo ToolsSpreadsheetText ToolsData ToolsEncodeCryptoWeb ToolsConvertersCode UtilsNetworkCSS GenSpecialTricks

    CSS Selector Reference `$()` & `$()`

    Fast shorthand for `querySelector` and `querySelectorAll` directly in the console.

    Power-User Tips

    Curated tricks for Chrome, Edge, Brave, Vivaldi & Opera GX.

    Hidden Features

    Discover experimental flags, DevTools hacks, and productivity boosters.

    Back to Developer Tools

    CSS Selector Reference `$()` & `$()`

    All Chromium

    Console Mastery • shortcut

    What It Does

    Fast shorthand for `querySelector` and `querySelectorAll` directly in the console.

    Quick Summary

    Use the jQuery-style shorthand in the console.

    Step-by-Step Instructions

    1. 1

      Type `$('#logo')` to find an element by ID.

    2. 2

      Type `$('.nav-item')` to get an array of all elements with that class.

    3. 3

      This is much faster than typing the full native browser functions.

    More in Console Mastery

    The `copy()` Console Utility

    Move large objects or JSON from the console to your system clipboard instantly.

    Console `table()` for Data Visualization

    Render arrays of objects as a clean, sortable table instead of a nested tree.