Is Using Javascript inside a jQuery function is a bad practice?

Question

I know basics of both jQuery and JavaScript.I would like to follow a good coding practice. Is using JavaScript inside a jQuery function is a bad practice?

For exapmle:

$(document).ready( function() {
    $('#dqualification').change(function() {
        document.getElementById("demo").innerHTML = "Resolve following errors"; 
    });
});

yes it is bad practice, never mix the two languages under threat of hellfire and damnation ... jQuery is written in a programming language called javascript ... so, take the opening sentence as sarcasm — Jaromanda X
– Jaromanda X, Commented Jul 29, 2016 at 6:37
@JordiCastilla : Thanks for the clarification .So I can mix both freely .Don't worry I wont do that until it is necessary :) — Sree KS
– Sree KS, Commented Jul 29, 2016 at 6:50
if you do mix them, make sure you are wearing appropriate hazmat suit - level 4 at least ... /sarcasm — Jaromanda X
– Jaromanda X, Commented Jul 29, 2016 at 6:51
jQuery is a Javascript Library. For performance sometimes you coud need use javascript directly. — SnakeDrak
– SnakeDrak, Commented Jul 29, 2016 at 6:58

100pic · Accepted Answer · 2016-08-01 01:26:10Z

3

Nope, its fine, and it's done all the time.

Consider:

$("#myDiv").on("click", function(){
    var a = this;
});

The line var a = this; is pure JavaScript. There is no "jQuery Version" of var a = this;.

jQuery provides convenient ways of doing things in JavaScript that might be difficult to write and code yourself in pure JavaScript. It doesn't replace JavaScript, it just 'adds to it'.

Remember, jQuery is just a JavaScript library. So everything ends up as JavaScript at the end of the day.

edited Aug 1, 2016 at 1:26

answered Jul 29, 2016 at 6:44

100pic

3873 silver badges13 bronze badges

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

2 Comments

Sree KS Over a year ago

I think this is the best answer :)

Bergi Over a year ago

But, but, what about var $a = $(this)? :-P

eisbehr · Accepted Answer · 2016-07-29 06:42:30Z

2

It is not directly bad practice, it is more a bit inconsistend. Both is javascript. But why would you do things like in your example? If you have jQuery available, you could use it!

$(function() {
    $('#dqualification').change(function() {
        $("#demo").html("Resolve following errors");
    });
});

answered Jul 29, 2016 at 6:42

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

10 Comments

Sree KS Over a year ago

Yes , If you have jQuery available, I am using that only .This one I gave for exmple . But in some situations I supposed to use javascript. Is that a bad practice ?

Jaromanda X Over a year ago

jQuery is javascript, did you not get that?

el solo lobo Over a year ago

Even if jQuery is available you should use pure Javascript over jQuery, because it is faster.

Jaromanda X Over a year ago

@Sree - mixing javascript and jquery is like mixing water at 20 degrees and water at 21 degrees ... it's all water ... perhaps you mean directly using DOM methods vs the jQuery wrappers on DOM methods?

eisbehr Over a year ago

@Sree, if someone told you it is bad practice, then they should give you examples why it is! It's a bit unconventional, to write it like in your entering example, but it's not forbidden nor wrong!

|

Collectives™ on Stack Overflow

Is Using Javascript inside a jQuery function is a bad practice?

2 Answers 2

2 Comments

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related