Getting an empty JQuery object

Question

In the following code I set up a change handler on a select box to show and hide some follow up questions based on the value of the selection.

Further, for some values of the selection there is an extra message that is displayed.

In order to check to see if I need to hide the extra message, I keep a variable called Previous. Upon execution of the handler I check to see if Previous is null or if the size is 0.

It would be nice to initialize Previous to an empty JQuery object so as not to have to do the extra check for null.

Doing a $() returns an object with the size of 1.

Is there a way to create an empty Jquery object?

//Init function.
$(function(){
//Hold the previously selected object for the account type selection.

var Previous = null;  //Here is where I would like to initialize.
                      //something like Previous = $();


$("SELECT[name='AccountType']").change(
    function () {
        //Hide Previous message if there was one.
        if(Previous == null || Previous.size() > 0){ 
            Previous.hide();
        }

        //Show the message if found and save it as previous.
        Previous = $("#"+this.value+"_Msg").show();

        //Get fisrt question
        var FirstQuestion = $(".FirstQuestion");
        if(this.value === ''){
            FirstQuestion.hide();
        }else{
            //Manually show FirstQuestion.
            FirstQuestion.show();
        }
    });
}

In the worst case I could do something like this:

    var Previous = { size : function () { return 0; } };

but that seems like overkill.

Magnar · Accepted Answer · 2011-06-23T05:44:31.603

238

This creates an empty jQuery-object:

$([])

Update: In newer versions of jQuery (1.4+), you can use:

$()

edited Jun 23 '11 at 05:44

answered May 22 '09 at 11:03

Magnar

28,550
8
60
65

thanks. So which one is better to keep the compatibility with previous and further versions? - Anyway, I still can't [figure out why neither](http://stackoverflow.com/questions/2003448/how-to-create-an-empty-jquery-result) worked in my case. Maybe I should open a question about it, but I solved it by using PHP instead of jQuery so I can't really dig more into it right now. – cregox Mar 02 '11 at 19:02
2

fine test: $().add($("div")).css('color','red'); – zloctb Dec 18 '13 at 14:26
How to make that var Values = {} this empty after use . I filled this object in the success of ajax call. But after use i want to make it empty so when next request came it follows same patter. – Mayur Mar 25 '21 at 12:34

score 24 · Answer 2 · edited Mar 14 '15 at 08:51

24

$();

Returning an Empty Set

As of jQuery 1.4, calling the jQuery() method with no arguments returns an empty jQuery set (with a .length property of 0). In previous versions of jQuery, this would return a set containing the document node.

Source: api.jquery.com

edited Mar 14 '15 at 08:51

Marco Kerwitz

5,294
2
18
17

answered Sep 13 '10 at 16:46

Tom Hubbard

15,820
14
59
86

6

Providing the link (http://api.jquery.com/jQuery/#jQuery1) to back your statement up would probably get you more ups :). – studgeek Feb 25 '11 at 00:51
1

Upvoted for the included source. Always great to have all the context available. A more direct link to the related paragraph would be: https://api.jquery.com/jQuery/#returning-empty-set – ksadowski Jun 24 '20 at 13:36

score 3 · Answer 3 · answered May 22 '09 at 11:04

My advice is don't do it that way. There are a lot easier ways of doing this. Consider:

<select id="select" name="select">
  <option value="msg_1">Message 1</option>
  <option value="msg_2">Message 1</option>
  <option value="msg_3">Message 1</option>
</select>

<div class="msg_1 msg_3">
  ...
</div>

<div class="msg_1">
  ...
</div>

<div class="msg_2">
  ...
</div>

$(function() {
  $("#select").change(function() {
    var val = $(this).val();
    $("div." + val").show();
    $("div:not(." + val + ")").hide();
  });
});

Much easier. Basically give classes to indicate what to show and hide and then there is no tracking required. An alternative is:

$(function() {
  $("#select").change(function() {
    var val = $(this).val();
    $("div").each(function() {
      if ($(this).hasClass(val)) {
        $(this).show();
      } else {
        $(this).hide();
      }
    });
  });
});

Bane Neba · Answer 4 · 2020-05-03T07:53:47.323

0

try this

 var new = $([]);

I ain't a good programmer but it gives u empty object :))

edited May 03 '20 at 07:53

answered Feb 19 '20 at 04:51

Bane Neba

73
6

You're getting downvotes because you've repeated an existing (and very old) answer. That doesn't add any value to the community. – isherwood Apr 30 '20 at 18:46

Getting an empty JQuery object

4 Answers4

Linked

Related