$ in JavaScript

Last Updated : 24 Apr, 2025

In JavaScript, a dollar ($) sign is not considered a built-in operator or a special symbol. The dollar sign ( $ ) is just another character that can be used in variable names. It is just like any other letter that can be used as the first or subsequent character in a variable name.

Table of Content

Using $ as an Identifier

The dollar ($) sign in JavaScript can be used as an identifier which means it can be used to simply identify an object in the same way that a variable or name does. It can be used to identify any variable, function, object, property, or event.

Syntax:

function $(selector) {
    return document.getElementById(selector);
}

Example: The below code implements the $ sign as the name of a function in JavaScript that selects elements.

HTML

<!DOCTYPE html> <html lang="en">  <head>     <title>Using $ as Identifier</title> </head>  <body>     <div style="text-align: center;">         <h1 style="color: green;">             GeeksforGeeks         </h1>         <h2 id="output">             Change the text of this element by <br/>              clicking the below button.         </h2><br/>         <button id="btn">             Change Text         </button>     </div>     <script>         function $(selector) {             return document.getElementById(selector);         }         $('btn').addEventListener('click', ()=>{             $('output').innerHTML = `Hey Geek, <br/>             Welcome to GeeksforGeeks!!`         })     </script> </body>  </html>

Output:

$GIF

Using $ in Template literals

The dollar ($) sign is also used in template literals. This method was introduced recently in the ECMAScript 2015 (also known as ES6 or ECMAScript 6) for a convenient way of string interpolation and multiline strings in JavaScript. The template literals are delimited using backticks (``), instead of single or double quotes. This method allows us to directly use an expression inside a string using placeholders, denoted by - ${expression}

Example: The below code explains the use of dollar ($) sign to access the values of variables in template literals.

JavaScript

const name = 'GeeksforGeeks'; const desc = "A Computer Science Portal.";  console.log(`Company name: ${name}, Description: ${desc}`);

Output

Company name: GeeksforGeeks, Description: A Computer Science Portal.

What is $ {} in JavaScript ?

harshtondak

Improve

Article Tags :

Similar Reads

JavaScript Basics

JavaScript is a versatile, lightweight scripting language widely used in web development. It can be utilized for both client-side and server-side development, making it essential for modern web applications. Known as the scripting language for web pages, JavaScript supports variables, data types, op

6 min read

JavaScript Events

JavaScript Events are actions or occurrences that happen in the browser. They can be triggered by various user interactions or by the browser itself. [GFGTABS] HTML <html> <script> function myFun() { document.getElementById( "gfg").innerHTML = "GeeksforGeeks"; } </

3 min read

HTML JavaScript

HTML JavaScript is the most popular programming language that helps to add interactivity and provides dynamic behavior. It is known as the client-side scripting language for web pages. JavaScript is used for various purposes, including DOM manipulation, asynchronous requests (AJAX), event handling,

2 min read

What is JavaScript?

JavaScript is a powerful and flexible programming language for the web that is widely used to make websites interactive and dynamic. JavaScript can also able to change or update HTML and CSS dynamically. JavaScript can also run on servers using tools like Node.js, allowing developers to build entire

6 min read

What is $ {} in JavaScript ?

In JavaScript, the ${} syntax is used within template literals, also known as template strings. Template literals, introduced in ECMAScript 6 (ES6), provide a convenient way to create strings with embedded expressions. They are enclosed within backticks (`) instead of single quotes ('') or double qu

2 min read

JavaScript Comments

Comments help explain code (they are not executed and hence do not have any logic implementation). We can also use them to temporarily disable parts of your code. 1. Single Line CommentsA single-line comment in JavaScript is denoted by two forward slashes (//), [GFGTABS] JavaScript // A single line

2 min read

Functions in JavaScript

Functions in JavaScript are reusable blocks of code designed to perform specific tasks. They allow you to organize, reuse, and modularize code. It can take inputs, perform actions, and return outputs. [GFGTABS] JavaScript function sum(x, y) { return x + y; } console.log(sum(6, 9)); [/GFGTABS]Output1

5 min read

Debugging in JavaScript

Debugging is the process of testing, finding, and reducing bugs (errors) in computer programs. It involves: Identifying errors (syntax, runtime, or logical errors).Using debugging tools to analyze code execution.Implementing fixes and verifying correctness.Types of Errors in JavaScriptSyntax Errors:

4 min read

History of JavaScript

Brendan Eich developed JavaScript, a computer language, in just ten days in May 1995. Initially called Mocha, then LiveScript, it finally became known as JavaScript. It was designed for the client-side of websites to add dynamic and interactive elements to static HTML pages. History of JavaScriptJav

4 min read

JavaScript Quiz

These JavaScript quiz questions are designed to help you test and enhance your knowledge of JavaScript, ranging from basic concepts to advanced features. These topic-specific quizzes provide a comprehensive way to practice and assess your understanding of JavaScript concepts. The JavaScript quizzes

2 min read