Variable declaration using $

Question

Below declaration of $. is meant to be a javascript variable ?

I understand how to use $ for selectors

$('#Text').click(function () {
  $('#Text').css('color', 'red')
});

But when I declare variable I was used to declare that as var x = function(){}...

What this notation means "$." is a jquery way of declaring variables ?

$.searchTwitter= function(){


                    $.ajax({
                        url:"http://search.twitter.com/search.json",
                        data:{
                                q:'dogs'
                        },
                        dataType:'jsonp',
                        success:function(results){
                            console.log(results);
                        }
                    });
               };

 $.searchTwitter();

Possible duplicate of What does the $ sign mean in Jquery or JavaScript? — Jeroen
– Jeroen, Commented Mar 20, 2016 at 9:50

mmuzahid · Accepted Answer · 2016-03-20 10:25:33Z

3

In jQuery, $ is an alias for jQuery.

i.e. $.ajax(); works same as jQuery.ajax();

In Javascript, $ is nothing special; just simply a valid JavaScript identifier.

Ref: https://learn.jquery.com/about-jquery/how-jquery-works/

Note: The jQuery library exposes its methods and properties via two properties of the window object called jQuery and $. $ is simply an alias for jQuery and it's often employed because it's shorter and faster to write.

edited Mar 20, 2016 at 10:25

answered Mar 20, 2016 at 9:51

mmuzahid

2,28025 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Cris Over a year ago

$, Jquery is an object or a function ?

Callidior Over a year ago

@Cris: In JavaScript, every function is an object and, thus, may have properties.

Saar Kuriel · Accepted Answer · 2016-03-20 09:46:44Z

2

$ is jQuery itself. It's declared in the jQuery library. When you use $.searchTwitter = function(){} what you're really saying is JQuery.searchTwitter = function(){}.

answered Mar 20, 2016 at 9:46

Saar Kuriel

5824 silver badges16 bronze badges

Comments

funfan · Accepted Answer · 2016-03-20 10:12:01Z

1

The dollar sign is one of the chars allowed in variable names in Javascript, along with numbers, underscores and English letters.

Examples for 'special' variable names are:

$$ $_ $ _

Dot notation is a way to assign a property to an object.

Example:

var x = { myName: 'Roman' };
x.searchTwitter = function() {}; 
x.searchTwitter();
console.log(x.myName);

When a browser loads the Jquery library, Jquery declares a global variable named Jquery and also declares an alias for it - the $.

Answer your question is no, it's not a special way of Jquery declaring variables. It's standard Javascript way of adding properties to an object.

answered Mar 20, 2016 at 10:12

funfan

663 bronze badges

Comments

Mihir · Accepted Answer · 2016-03-20 09:46:07Z

1

$ is known as Syntactic Sugar

In case of jQuery it is jQuery Object. What that means is that, using $("#mydiv") or jQuery("#mydiv") is the same. $ only eases the pain of writing the full object name jQuery.

If you want to know more

answered Mar 20, 2016 at 9:46

Mihir

3,9223 gold badges28 silver badges30 bronze badges

Comments

Callidior · Accepted Answer · 2016-03-20 09:47:49Z

1

$ is a global variable defined by jQuery and an alias for the variable jQuery. By assigning $.searchTwitter = function() { ... } one adds a new method to the global jQuery object.

Practically, there is no advantage or disadvantage of such a declaration in contrast with the usual function searchTwitter() { ... } syntax. It is sometimes used to declare functions which are related to jQuery or are a plug-in for jQuery.

answered Mar 20, 2016 at 9:47

Callidior

2,9042 gold badges20 silver badges28 bronze badges

Comments

num8er · Accepted Answer · 2016-03-20 09:51:24Z

0

For safety reasons I like to wrap my code with closure function with $ as argument. See code below:

(function($){
  
 $.searchTwitter = function(){

    $.ajax({
      url:"http://search.twitter.com/search.json",
      data:{
        q:'dogs'
      },
      dataType:'jsonp',
      error: function (xhr, status, error) {
        $('#errors').html(JSON.stringify(xhr));
      },
      success:function(results){
        console.log(results);
        $('#results').html(JSON.stringify(results));
      }
    });
 };
 $.searchTwitter();

})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="results"></div><div id="errors"></div>

but Cris this Twitter API is deprecated. It should not work.

edited Mar 20, 2016 at 9:51

answered Mar 20, 2016 at 9:45

num8er

19.5k4 gold badges50 silver badges61 bronze badges

Collectives™ on Stack Overflow

Variable declaration using $

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related