Posts

Showing posts from November, 2018

jQuery practice #3 - DOM manipulation

Image
jQuery is a Javascript framework. When do we use Javascript, jQuery, jQuery UI . DOM Manipulation in jQuery What jQuery does? jQuery is a javascript library, a) access parts of a page b) Modify the apperance of the page c) Alter the content of the page d) Respond to users's iteraction with page e) Add animation to a page Manipulating DOM with jQuery methods 1. To insert new elements inside every method elements, use a) .append() b) .appendTo() c) .prependTo() d) .prepend() Example for .prepend() in jQuery HTML <div class="productsContent one-box"> <div class="box"> <h4> Loreum ipsum1</h4> <p> Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... </p> </div> </div> Prepending an element using jQuery $('.productsContent').prepend('November,2018'); New DOM <div class="productsContent one-box"><span>November,2018&l