Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="three.js"></script>
- </head>
- <body>
- <h1 id="ttl" align="center">jQuery Information</h1>
- <button id="logoopen">Open Logo</button>
- <button id="logoclose">Close Logo</button>
- <img id="logopic" src="https://upload.wikimedia.org/wikipedia/en/9/9e/JQuery_logo.svg"></img>
- <p>jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event
- handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. Web
- analysis indicates that it is the most widely deployed JavaScript library by a large margin.</p>
- <p>jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations,
- handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create
- plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level
- interaction and animation, advanced effects and high-level, themeable widgets. The modular approach to the
- jQuery library allows the creation of powerful dynamic web pages and Web applications.
- <p>The set of jQuery core features—DOM element selections, traversal and manipulation—enabled by its selector
- engine (named "Sizzle" from v1.3), created a new "programming style", fusing algorithms and DOM data
- structures. This style influenced the architecture of other JavaScript frameworks like YUI v3 and Dojo,
- later stimulating the creation of the standard Selectors API.</p>
- <p>Microsoft and Nokia bundle jQuery on their platforms. Microsoft includes it with Visual Studio for use within
- Microsoft's ASP.NET AJAX and ASP.NET MVC frameworks while Nokia has integrated it into the Web Run-Time
- widget development platform.</p>
- <button id="tblopen">Open Table of Contents</button>
- <button id="tblclose">Close Table of Contents</button>
- <button id="distbutton">Toggle Distribution</button>
- <ol id="tbl">
- <li><a href="#1">Overview</a></li>
- <li><a href="#2">History</a></li>
- <li><a href="#3">Features</a></li>
- <li class="dist"><a href="#4">Distribution</a></li>
- </ol>
- <h2 id="1">Overview</h2>
- <p>
- jQuery, at its core, is a Document Object Model (DOM) manipulation library. The DOM is a tree-structure
- representation of all the elements of a Web page. jQuery simplifies the syntax for finding, selecting, and
- manipulating these DOM elements. For example, jQuery can be used for finding an element in the document with
- a certain property (e.g. all elements with an h1 tag), changing one or more of its attributes (e.g. color,
- visibility), or making it respond to an event (e.g. a mouse click).</p>
- <p>jQuery also provides a paradigm for event handling that goes beyond basic DOM element selection and
- manipulation. The event assignment and the event callback function definition are done in a single step in a
- single location in the code. jQuery also aims to incorporate other highly used JavaScript functionality
- (e.g. fade ins and fade outs when hiding elements, animations by manipulating CSS properties).</p>
- <p>The principles of developing with jQuery are:
- <br>
- 1. Separation of JavaScript and HTML: The jQuery library provides simple syntax for adding event handlers to
- the DOM using JavaScript, rather than adding HTML event attributes to call JavaScript functions. Thus, it
- encourages developers to completely separate JavaScript code from HTML markup.
- <br>
- 2. Brevity and clarity: jQuery promotes brevity and clarity with features like "chainable" functions and
- shorthand function names.
- <br>
- 3. Elimination of cross-browser incompatibilities: The JavaScript engines of different browsers differ
- slightly so JavaScript code that works for one browser may not work for another. Like other JavaScript
- toolkits, jQuery handles all these cross-browser inconsistencies and provides a consistent interface that
- works across different browsers.
- Extensibility: New events, elements, and methods can be easily added and then reused as a plugin.
- </p>
- <h2 id="2">History</h2>
- <p>jQuery was originally created in January 2006 at BarCamp NYC by John Resig, influenced by Dean Edwards'
- earlier cssQuery library. It is currently maintained by a team of developers led by Timmy Willison (with the
- jQuery selector engine, Sizzle, being led by Richard Gibson).</p>
- <p>jQuery was originally licensed under the CC BY-SA 2.5, and relicensed to the MIT license in 2006. At the end
- of 2006, it was dual-licensed under GPL and MIT licenses. As this led to some confusion, in 2012 the GPL was
- dropped and is now only licensed under the MIT license.</p>
- <p>In 2015, jQuery was used on 63% of the top 1 million websites (according to BuiltWith), and 17% of all
- Internet websites. As of June 2018, jQuery is used on 73% of the top 1 million websites, and by 22.4% of all
- websites (according to BuiltWith).</p>
- <h2 id="3">Features</h2>
- <p>jQuery includes the following features:
- <br>
- <ul>
- <li>DOM element selections using the multi-browser open source selector engine Sizzle, a spin-off of the
- jQuery project</li>
- <li>Events</li>
- <li>Effects and Animations</li>
- <li>Ajax</li>
- <li>Deferred and Promise objects to control asynchronous processing</li>
- <li>JSON parsing</li>
- <li>Extensibility through plug-ins</li>
- <li>Utilities, such as feature detection</li>
- <li>Compatibility methods that are natively available in modern browsers, but need fallbacks for older
- browsers, such as jQuery.inArray() and jQuery.each().</li>
- <li>Cross-browser support</li>
- </ul>
- </p>
- <p class="dist">Browser support
- <br>
- jQuery 3.0 & newer supports "current−1 versions" (meaning the current stable version of the browser and the
- version that preceded it) of Firefox (and ESR), Chrome, Safari, and Edge as well as Internet Explorer 9 &
- newer. On mobile it supports iOS 7 & newer and Android 4.0 & newer. </p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement