Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>jQuery</strong> is purely designed to simplify and standardise scripting across browsers. It focuses on the low-level stuff: creating elements, manipulating the DOM, managing attributes, performing HTTP requests, etc.</p> <p><strong>jQueryUI</strong> is a set of user interface components &amp; features built on top of jQuery (i.e. it needs jQuery to work): buttons, dialog boxes, sliders, tabs, more advanced animations, drag/drop functionality.</p> <p>jQuery and jQueryUI are both designed to be 'added' to your site (desktop or mobile) - if you want to add a particular feature, jQuery or jQueryUI might be able to help.</p> <p><strong>jQuery Mobile</strong>, however, is a full framework. It's intended to be your starting point for a mobile site. It requires jQuery and makes use of features of both jQuery and jQueryUI to provide both UI components and API features for building mobile-friendly sites. You can still use as much or as little of it as you like, but jQuery Mobile <em>can</em> control the whole viewport in a mobile-friendly way if you let it.</p> <p>Another major difference is that jQuery and jQueryUI aim to be a layer on top of your HTML and CSS. You should be able to just leave your markup alone and enhance it with jQuery. However, jQuery Mobile provides ways to define where you want components to appear using HTML alone - e.g. (from the jQuery Mobile site):</p> <pre><code>&lt;ul data-role="listview" data-inset="true" data-filter="true"&gt; &lt;li&gt;&lt;a href="#"&gt;Acura&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Audi&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;BMW&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Cadillac&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Ferrari&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>The <code>data-role</code> attribute tells jQuery Mobile to turn this list into a mobile-friendly UI component and the <code>data-inset</code> and <code>data-filter</code> attributes set properties of that - without writing a single line of JavaScript. jQueryUI components, on the other hand, are normally created by writing a few lines of JavaScript to instantiate the component in the DOM.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload