jQuery variables objects?

Question

When I use JavaScript it works.

var submitButton = document.getElementById("submitButton");

When I use jQuery to declare it it doesn't.

var submitButton = $('#submitButton');

I realized when debugging, jQuery is creating a object for the variable.

submitButton: Object[span#submitButton.wordButtonD]

In JavaScript

submitButton: span#submitButton.wordButtonD

How do get this to be like javaScript??

Sorry I meant, it works as in when I use it as an event. Like submitButton.onclick — user2537485
– user2537485, Commented Jan 7, 2015 at 2:18
@user2537485: why don't you use jquery's .click() instead? $('#submitButton').click(function() { // your handler here }); — zerkms
– zerkms, Commented Jan 7, 2015 at 2:20
@zerkms: oh, thanks for letting me know :) I am just starting to learn jQuery, I was just confused why the variable set up didn't work. That does look like a better approach though. — user2537485
– user2537485, Commented Jan 7, 2015 at 2:24

W3Max · Accepted Answer · 2015-01-07 02:09:42Z

1

I think what you are looking for is: submitButton[0]

Just remember to check the length (greater than 0) because jQuery will return a result even though the element has not been found.

answered Jan 7, 2015 at 2:09

W3Max

3,4265 gold badges38 silver badges62 bronze badges

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

4 Comments

zerkms Over a year ago

"because jQuery will return a result" --- it's not a jQuery, but javascript that will do

W3Max Over a year ago

@zerkms I would not agree. JavaScript doesn't do anything on its own. It is the jQuery framework that returns a object so that you can chain your calls without worrying for null.

zerkms Over a year ago

that's correct, but when you perform [0] it's JS that will return undefined since it's not possible (?) to override the indexer operator in JS.

zerkms Over a year ago

@user2537485: if you work with jquery - why don't you use facilities it provides? It looks strange.

Thien Tran · Accepted Answer · 2015-01-07 02:13:17Z

0

Just use Javascript and the result will be as you want. jQuery create its own object to control :). Or please explain more why do you need the result span#submitButton.wordButtonD but not Object[span#submitButton.wordButtonD]?

answered Jan 7, 2015 at 2:13

Thien Tran

3261 silver badge10 bronze badges

Comments

Chinh Phan · Accepted Answer · 2015-01-07 02:25:23Z

0

statement 1:

 var submitButton1 = document.getElementById("submitButton");

statement 2:

var submitButton2 = $('#submitButton');

In above statements, submitButton1 is a DOM object and submitButton2 is a Jquery Object (which already warped your DOM object). Thus, If you want to get Dom object from Jquery object, just do:

var submitButton3 = submitButton2[0]

OR

var submitButton3= submitButton2.get(0)

Now, 2 Dom object submitButton1 and submitButton3 are the same.

answered Jan 7, 2015 at 2:25

Chinh Phan

1,50919 silver badges22 bronze badges

Collectives™ on Stack Overflow

jQuery variables objects?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related