JavaScript & jQuery Tutorial for Beginners - 7 of 9 - jQuery HTML Manipulation

jQuery HTML Manipulation. This tutorial demonstrates jQuery HTML Manipulation. This is a good tutorial for beginners.

Link to the code used in this video.

jQuery website

[michelona]

I love the way you teach. I can follow along perfectly. Thank you SO much for helping me <3

[DaveDugganITPro]

these tutorial are excellent - some of the best instruction I have seen anywhere - thank you! well done! very inspiring!

[danpenn]

These tutorials are incredibly helpful

[UrielShuraki]

thanks again. these tutorials are the best i've seen.

[Zedd]

What excellent, useful video tutorials.  I can't thank you enough.  Fantastic job! Well done!

[AlexanderNejadeh]

Good stuff! Clear and easily understood.

[ChandanSingh-dxnv]

very nice, I found that JQuery is so simple to learn. 

[Kolya_Smirnov]

Make sure you download the jquery library from jquery.com and put it in the same folder as your html file (or specify the right path). Also, if you copy and paste the code from his website, he is using the jquery file with the version "jquery-1.8.0.min.js" in his sample1.html file. Just make sure the statement in the html file:

script type="text/javascript" src="jquery-1.8.0.min.js"

has the correct file name you downloaded.

[solosaroman]

Great, but i can not andstand why </br> did work only when we used .html, but lather we used <p> tags without .html ?

[Agrajz]

Excellent presentation.. Kudos to the tutor4u...

[NilanMihindukulasooriya]

Clear and to the point.. Great!! :) tanxx n keep doing this.

[serdip]

Another excellent tutorial! Thank you!

Quick question:

jQuery can change html dynamically. Can we also add or change event listeners attached to elements dynamically? For example, can we dynamically add a click() or mouseenter() event to a given html element on our web page, say, after a checkbox element has been checked or a button has been clicked? Thanks!

[dipikajuneja]

very nice video
explain everything in very easy

[pradeepkumar]

ultimate explanation .... Thank u mate....

[dekanph]

I've been watching these tutorials of yours and is very excited on trying them out. I have a question though, and I am a NOOB so please bear with me... My question is, say I'm making a sample webpage to include in my portfolio, Is it possible to do all this stuff OFF given all the elements I would be using will be in my local directory? Again, I'm a noob, so please be kind, thanks! :)

[asperse]

html() and replacewith()
do they function similar here
it seems like they all replace text

[paulnolingo]

this subject is crucial its a pity that my browser doesn't support the java script sample code used in this tutorial

[Leshkaka]

One question...

$(this).css("background-color", "green");



Both will work. So when is it more practical or more correct to use css or html?

[bddghxx]

please help me : it does not work with me , I copyed the code from the site and the javascript does not work "the javascript in my browser is enable"

[xtrmdwnld]

i can't download this video by IDM coz every time i try to download this video the download links appears but it shows only three files like Mp4 files but when i click to the link it downloads only an audio file tell me how to download this