Why can't we use setAtrribute function in jquery?

Question

I have tried to use setAttribute() method in jquery as mentioned below :

$(p).setAttribute('class','first');

However that didn't work so I replaced setAttribute with attr() method.

$(p).attr('class','first');

It worked when I used the above code.

I just want to know why it didn't work when I used setAttribute() and why it worked when I used attr()?

`p.setAttribute('class','first');` – Pranav C Balan Feb 13 '17 at 06:13 — Pranav C Balan, Feb 13 '17 at 06:13

score 5 · Accepted Answer · answered Feb 13 '17 at 06:12

5

.setAttribute() is a function in javascript works on DOM element where .attr() is a jQuery function works on jQuery object (DOM Object)

you can check it by doing

$(p)[0].setAttribute('class','first');

OR

p.setAttribute('class','first'); // no need to wrap in $

answered Feb 13 '17 at 06:12

Dhaval Marthak

1

I see, thanks for clarifying my question :) @Dhaval Marthak – Harish Feb 13 '17 at 06:18
@Harish Glad it helped :) – Dhaval Marthak Feb 13 '17 at 06:20

1 Answers1