By Richard York
jQuery is a compact, light-weight library that at the moment works in Microsoft’s web Explorer browser from model 6 on, Firefox from model 1.5 on, Safari from model 2.0.2 on, Opera from model nine on, and Google’s new Chrome browser from model 0.2 on. Getting begun with jQuery is really easy — all you need to do is contain a unmarried hyperlink of markup on your HTML or XHTML records that incorporates the library. all through this e-book, I show jQuery’s API (Application Programming Interface) elements intimately and convey you ways the entire nuts and bolts of this framework come jointly to assist you to quickly strengthen client-side applications.
What This publication Covers
Later within the ebook, I disguise how one can leverage the jQuery UI library to make graphically pushed UI widgets. jQuery can provide the power to wreck content material up between a number of tabs within the comparable web page. you could have the power to customise the appear and feel of the tabs, or even to create a refined appear and feel via delivering various results that are available in for those who mouse over tabs and click them. The jQuery UI library additionally makes it effortless to create accordion sidebars, just like the one on Apple’s Mac web site. those sidebars have or extra panels, and if you mouse over an merchandise, one pane transitions to a different through a gentle, seamless animation in which the previous pane collapses and the continuing pane expands.
The jQuery UI library additionally grants the power to make any aspect draggable with the mouse; by means of clicking and conserving and relocating the mouse, you could stream parts round on a web page. It additionally makes it so easy to create drag-and-drop person interfaces. this is used to make a shedding sector the place you're taking parts from different components of the web page and drop them in one other, as you are going to on your working system’s dossier supervisor for those who are looking to stream a folder from one position to a different. you may make lists which are sortable through drag-and-drop, rearranging components in keeping with the place you drop them. it's also possible to have a consumer interface the place you drag the mouse cursor to select, as you will on your working system’s dossier supervisor should you are looking to pick out multiple dossier. Then jQuery UI additionally exposes the power to re-size parts on a web page utilizing the mouse. All of these neat issues that you should do in your computer’s computer, you may also do in an internet browser with jQuery UI.
Another widget that jQuery UI presents is a graphical slider bar, just like your media player’s quantity control.
* starting internet Programming with HTML, XHTML, and CSS, second ed. (2008), via Jon Duckett
* starting CSS: Cascading variety Sheets for website design, 2d ed. (2007), additionally written via yours truly.
Approximately This Book
Understand how internet 2. zero is made by means of robust browser-based applications
Step-by-step instructional that may convey you the way speedy, advanced net purposes might be built
Who This e-book Is For
This publication is predicated on Meteor 1. zero.
- NW.js Essentials
- The Perl CD Bookshelf, Version 3.0, Edition: Third Edition
- Jump Start Bootstrap: Get Up to Speed With Bootstrap in a Weekend
Account for the official standards and the de facto standards. ) ❑❑ The world is always changing — what’s most popular today may not remain the most popular in the months and years to come. ❑❑ It may be time to turn to a framework for some compatibility bridging. Anyone remember a little company called Netscape? At one time, Netscape was the dominant, de facto standard. 6 percent of world market share, and Microsoft’s IE is dominant. At its most popular, IE held more than 90 percent of the market.
With an event attached to the ready event, you’re ready to do something with the document. In this case, once the document is loaded, jQuery selects the
element and gives it the class name tmpFrameworkLoaded. ” The addition of the class name results in the
Avoid inaccessible markup. Stay away from frames, where possible. Organize your markup using semantically appropriate elements. Place paragraphs in
elements. Place lists in
- elements. Use