"Basic jquery Learning" 10 easy to learn about the changes in the various levels of jquery mobile and jquery

About JQuery Mobile

jquery Mobile is designed to fill a new project in jquery's mobile device application. It applies the HTML5 and CSS3.

Key Features

• Build on jquery.
  • Using the same core and syntax as jquery, the code and patterns of the jquery UI are also used.
• Compatible with most mobile platforms
• A lightweight library
• Modular construction
• HTML5 Tag-driven configuration
• Progressive enhancement principle
• Responsive design
• A powerful Ajax navigation system
• Ease of Use
• Support for touch and mouse events
• Unified UI Components
• A powerful thematic framework

Basic applications

• By default, a mobile browser will display your page as if it were a Web browser on a large screen, so the user sees the page in a smaller font on the mobile device, so it is corrected by the Meta element visual area. This element tells the browser to use the width of the mobile device as the width of the viewable area.

  <Metaname= "Viewport"content= "Width=device-width,intial-scale=1,user-scalable=no" /><!--This element sets the width to the maximum width of the device, preventing users from zooming in and out -the additional loading sequence should be:<Linkrel= "stylesheet"href= "Jquery.mobile.css"/><Scriptsrc= "Jquery.js"></Script><!--Add other JS in the project here -<Scriptsrc= "Jquery.mobile.js"></Script>

• Data-role helps jquery mobile know which elements to process. data-Property This usage is a feature of HTML5, which allows developers to add arbitrary attributes to an HTML tag, as long as the attribute name added is prefixed with "data-".
  • Data-role= "button" buttons
  • data-role= "Collapsible" a container containing the title and content
  • Data-role= "Collapsible-set" a container that contains collapsible
  • data-role= a content container for "content"
  • data-role= "Dialog" a dialog box
  • Data-role= "Fieldcontain" an area parcel container
  • data-role= "Slider" a flip toggle Element
  • data-role= "Footer" page footer container
  • Data-role= "header" Page header container
  • data-role= "ListView" List View
  • data-role= "NavBar" Navigation bar
  • data-role= "page" container
  • data-role= "Slider" a text box with a range value
  • type= "checkbox" check box
  • Type= "Radio" Radio Box
  • <select></select> drop-down box
  • Type= "text|number|search" text box | Number box | search box

    //Simple List Example<ulData-role= "ListView"Data-inset= "true">    <Li><ahref="#">123</a></Li>    <Li><ahref="#">123</a></Li>    <Li><ahref="#">123</a></Li></ul>//data-inset Set the width of the list will not be 100%, not set is 100% width

• The Data-theme property represents the theme to be applied, with a value of a,b,c,d,e.

Well, that's all there is, and the author's chapter is relatively simple.

About version Changes

This chapter focuses on the changes in the various versions of jquery, as well as the new changes that have been added.

I will pick up after 1.6, important, and not mentioned in the previous talk.

• 1.6
  • The prop method is added, which returns True when the Checked property is obtained, while the previous attr only returns NULL when the checked is obtained.
  • Update the data method to convert the attributes on the element to a JSON-formatted value, displayed as a camel.
• 1.7
  • New Events Api:on () and off () replace bind () in previous versions, Delegate (), Live () and Unbind (), Undelegate (), Die ().
  • IsNumeric () determines whether the passed in parameter is a number

The author wrote only 1.7 previous versions of the changes, 1.7 later did not write.

I also looked at the Internet, the later versions are mostly fixed bugs, and also mention that the 2 series version seems to be no longer compatible with the lower version of IE6/7/8, and IE9/10 in the use of Compatibility view will also be affected.

"Basic jquery Learning" 10 easy to learn about the changes in the various levels of jquery mobile and jquery