Download to read offline
Uploaded byBasavaraj Hampali
Introduction to j_query
jQuery is a JavaScript library that simplifies DOM manipulation and event handling. It allows for easy selection of elements, updating pages without reloading, and animating changes to documents. Some key features include simplifying AJAX calls to retrieve data from servers without page refreshes, and providing methods for common tasks like selecting elements, handling events, modifying CSS, and creating/inserting elements.
More Related Content
![jQuery in the [Aol.] Enterprise](https://cdn.slidesharecdn.com/ss_thumbnails/jquery-aol-enterprise-101017175311-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Introduction to j_query
Introduction to j_query
- 1. jQuery A Library thatprovides a general-purpose abstraction layer for common web scripting www.PracticalCoding.in
- 2. Advantages Let’s fill inthe blanks… ➔ Accessing the DOM becomes easy ➔ Updating the page becomes easy compared to javascript ➔ CSS is easily altered on the fly using JQuery ➔ Respond to user interaction ➔ Animate changes being made to a document ➔ Retrieve information from server without a page refresh using AJAX ➔ Simplify common JavaScript functions www.PracticalCoding.in
- 3. JavaScript vs jQuery <divclass=”simpletext”> Lorem ipsum </div> <div class=”littletext”> Lorem ipsum </div> <div class=”simpletext”> Lorem ipsum willeing </div> www.PracticalCoding.in
- 4. Selectors add(), parent(), children(),siblings(), addClass(),removeClass(), find(), toggleClass(), append() and so on.. www.PracticalCoding.in
- 5. Event handlers click,blur,change,dblclick,focus,keydown,keyup, keypress,load,mousedown,mousemove,mouseout,mou seover,mouseup,resize,scroll,select,submit,unload, mouseenter, mouseleave Eventsare handled using .on() method www.PracticalCoding.in
- 6.
- 7. CSS and Animations .css(): Get and set hide() show() fadeIn() fadeOut() slideUp() slideDown() www.PracticalCoding.in
- 8. Creating and insertingnew elements insertAfter() insertBefore() prependTo() appendTo() append() prepend() before() after() www.PracticalCoding.in
- 9.
- 10.
- 11.
Editor's Notes
- #4 window.onload = function() { var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { if (divs[i].className == 'simpletext’) && !hasClass(divs[i], 'highlight')) { divs[i].className += ' highlight'; } } $(document).ready(function() { $('div.poem-stanza').addClass('highlight'); });