Convert JQuery to JavaScript

Question

My knowledge of Jquery & Javascript is limited at best, but I'm under the impression JQuery is basically a simplified version of JavaScript.

If that is the case is there a way of converting this code to Javascript so I don't have to call the JQuery Library as it seems to be causing other JavaScript Functions to not work?

function toggleStatus(mynum) {
    $('#product_'+mynum+'_submit_button').removeAttr('disabled');
}

If your page is already importing another library that uses "$", chances are that what you really need to do is convert that code there to the equivalent for the library your page uses. — Pointy
– Pointy, Commented Feb 2, 2012 at 17:19

Jesper Veldhuizen · Accepted Answer · 2012-02-02 17:19:08Z

7

This should work :)

var d = document.getElementById('product_'+mynum+'_submit_button');
d.removeAttribute('disabled');

answered Feb 2, 2012 at 17:19

Jesper Veldhuizen

6021 gold badge7 silver badges19 bronze badges

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

1 Comment

user1106925 Over a year ago

+1 since it's equivalent, but I'd probably set the disabled property to false instead of removing the attribute.

roman · Accepted Answer · 2012-02-02 17:21:06Z

5

jQuery is not a simplyfied version of javascript, but a javascript library that enables you to work rather effortlessly with the dom.

the code could be rewritten like that:

var e = document.getElementById('product_'+mynum+'_submit_button');
if( e ) e.removeAttribute('disabled');

answered Feb 2, 2012 at 17:21

roman

11.3k1 gold badge33 silver badges42 bronze badges

Comments

Adam Rackis · Accepted Answer · 2012-02-02 17:27:52Z

3

The native version of that code would

set the disabled property on the element instead of messing with the attribute
use document.getElementById to select an element by id in lieu of jQuerys $("#id"):

var element = document.getElementById('product_' + mynum + '_submit_button');
element.disabled = false;

Also note that, for future reference, the native equivalent for jQuery's removeAttr is removeAttribute

edited Feb 2, 2012 at 17:27

answered Feb 2, 2012 at 17:20

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

2 Comments

user1106925 Over a year ago

+1 for including docs... ah, and you updated to set the property instead of removing the attribute. Very good. :)

Adam Rackis Over a year ago

@amnotiam - indeed - twas your comment above that kicked me in the pants. +1 to you :-)

Chris Kempen · Accepted Answer · 2012-02-02 17:21:32Z

0

Which other Javascript function's aren't working? jQuery is a Javascript framework to help you achieve Javascript tasks more easily, as well as create other functionality like animations.

If you're looking to simply convert what you have there into Javascript, you could do this:

function toggleStatus(mynum) {
    document.getElementById('product_'+mynum+'_submit_button').removeAttribute('disabled');
}

I have a feeling like this could be the beginning of more Javascript and jQuery questions as you quest to learn more! Good luck! :)

answered Feb 2, 2012 at 17:21

Chris Kempen

9,6715 gold badges43 silver badges52 bronze badges

Comments

Karthik E · Accepted Answer · 2012-02-02 17:37:47Z

0

Jquery is not simplified version of javascript. Think it as a library instead. The common functionalities which are needed for our development are simplified and organized in single library. For using that functionalities you have to read its API (Application Programming Interface) documentation. It will help you to write less code as compared to normal javascript code. I think, Jquery will not be the cause of problem in your code. Any way for writing this code in pure javascript you can follow below code:

document.getElementById('buttonId').removeAttribute('disabled');

answered Feb 2, 2012 at 17:37

Karthik E

237 bronze badges

Collectives™ on Stack Overflow

Convert JQuery to JavaScript

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related