Download - Beginning jQuery
![Page 1: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/1.jpg)
BEGINNING JQUERY
Dr. Chiang
Dhruv Gairola (TA)
![Page 2: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/2.jpg)
Outline
What is jQuery? Why use jQuery? Examples.
AJAX DOM traversal Event handling
Upgrades. Other libraries. jQuery related products. Conclusion.
![Page 3: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/3.jpg)
What is jQuery?
Javascript library. Released January 2006. Version 1.x and 2.x. 2.x does not work < IE9
![Page 4: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/4.jpg)
Why use jQuery?
Less coding. Simplify event handling. Simplify AJAX. Simplify DOM traversal. Handling of cross browser issues. Popular and useful client frameworks
depend on jQuery e.g., Bootstrap, Ember.js Lot of plugins available. etc
![Page 5: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/5.jpg)
Examples – AJAX.
Asynchronous Javascript and XML. XML not necessary, JSON also possible. Demo.
![Page 6: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/6.jpg)
Examples – AJAX.
![Page 7: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/7.jpg)
Examples – AJAX.
![Page 8: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/8.jpg)
Examples – DOM traversal.
You can traverse the DOM tree pretty easily. Demo.
![Page 9: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/9.jpg)
Examples – Event handling.
Bind listeners to your objects. Callbacks. Demo.
![Page 10: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/10.jpg)
Upgrades.
Upgrading is essential part of jQuery. jQuery migrate plugin. Automated tests (e.g., Selenium) should
reveal problems. Manual correction thereafter.
![Page 11: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/11.jpg)
Other libraries.
Mootools has more functionality. Some UI components included in core.
jQuery is easier to learn. Lot of jQuery plugins. Readable code. Chaining of methods. Good documentation.
Nice comparison : http://www.slideshare.net/jeresig/javascript-library-overview-presentation/
![Page 12: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/12.jpg)
jQuery related products.
jQuery UI : Front end effects, widgets, themes, etc.
jQuery mobile : Front end framework. Demos.
![Page 13: Beginning jQuery](https://reader036.vdocuments.site/reader036/viewer/2022082916/54b7a87c4a79594b258b45e8/html5/thumbnails/13.jpg)
Conclusion.
Useful framework. Very popular in industry. Lot of plugins. CDNs hosted jQuery code, so browser
loading time isn’t significantly hit.