2012年jQueryUI插件PDF指南：实战教程

需积分: 9 111 浏览量更新于2024-07-26 收藏 10.48MB PDF 举报

"《jQueryUI(2012)》是一本专注于介绍jQuery UI插件的详细指南。该书籍由Eric Sarrion撰写，版权归属2012年。这本书旨在帮助读者深入了解和掌握如何在Web开发中有效地利用jQuery UI库，这是一款基于jQuery的用户界面组件集合，提供了丰富的交互式元素和组件，如对话框、拖放功能、日期选择器等，以提升网站的用户体验。书中涵盖了jQuery UI的核心概念、安装与配置、各个组件的使用方法以及示例代码。作者通过深入浅出的方式，讲解了如何构建响应式的用户界面，包括主题定制、动画效果、事件处理、工具提示等功能的实现。此外，书中的版式清晰，便于理解和实践，对于初学者来说，它是一个很好的学习资源，可以帮助他们快速上手并理解高级技巧。本书还包含了对版本2012的jQuery UI特性的详细介绍，包括可能的更新和改进，以便读者跟上技术的步伐。此外，书中还提到了在线资源，如O'Reilly Safari Online Library，读者可以通过这个平台获取更多相关资料和支持。封面设计由Karen Montgomery负责，内部设计则是David Futato的杰作，插图则出自Robert Romano的手笔。这本书在2012年首次发布，后续如果有修订历史，可以在O'Reilly官方网站的错误报告页面（http://oreilly.com/catalog/errata.csp?isbn=9781449316990）查看。《jQueryUI(2012)》是一本实用的参考书，无论是开发者希望扩展JavaScript技能，还是设计师想要提升网站交互性，都是值得一读的宝贵资源。通过阅读这本书，读者可以了解到如何优雅地集成jQuery UI到项目中，从而提升项目的功能性与吸引力。"

Figure 1-1. jQuery UI home page

In this file, you can see the different features that jQuery UI adds (Figure 1-2), including

the following:

• Accordion menus

• Autocompletion mechanism for input fields

• Buttons and checkboxes of the nicest aspects

• A tabs mechanism to facilitate the display in the page

• Dialog boxes that are superimposed on top of the page

• Custom icons

• Sliders

• Calendars

• Progress bars

2 | Chapter 1: Introduction to jQuery UI

CSS files

The themes directory (located under development-bundle) contains the CSS files. It

consists of various directories, each containing themes (e.g., the base, smoothness, and

ui-lightness directories). Each theme includes an images directory and other CSS files.

The jquery.ui.core.css file contains basic functionality (required), while other files will

be included only if they are required. The jquery.ui.theme.css file contains the definition

of the theme itself (required).

The jquery.ui.base.css file includes all of the files in the development-bundle directory

except jquery.ui.theme.css. The jquery.ui.all.css file includes all files (that is to say,

jquery.ui.base.css and jquery.ui.theme.css).

Finally, the file ending with custom.css (e.g., jquery-ui-1.8.16.custom.css) includes all

CSS files and eliminates the need to include each separately (it is identical to

jquery.ui.all.css, except that it includes other files via CSS directives, while custom.css

physically includes every line of all files).

Sample HTML page including uncompressed files

Here we want to display a simple page with two tabs. The main JavaScript file will be

jquery.ui.tabs.js and the main CSS file will be jquery.ui.tabs.css. The main page will

include the following base files:

href=jqueryui/development-bundle/themes/smoothness/jquery.ui.core.css />

href=jqueryui/development-bundle/themes/smoothness/jquery.ui.theme.css />

href=jqueryui/development-bundle/themes/smoothness/jquery.ui.tabs.css />

The jquery.js file is here at the same level as the jqueryui directory. This file is the

standard jQuery JavaScript file.

The core.js file is mandatory, while the tabs.js file requires the inclusion of widget.js (as

indicated in the tabs.js file).

The core.css file is mandatory, as is the theme.css file. The tabs.css file contains specific

tabs definitions.

Now that we have the basic building blocks for the page, let’s create and label two tabs

and place some text in each. The following code goes directly below the previous code

that calls the base files.

<ul>

6 | Chapter 1: Introduction to jQuery UI

剩余241页未读，继续阅读

mashu999

粉丝: 0
资源: 4

2012年jQueryUI插件PDF指南：实战教程

jquery.ui-1.6rc6的jquery.ui.all.js 和 jquery-1.3.2.js和jQueryDocXML2CHM-090214.chm，jquery1.3中文文档

最全Jquery UI 教程.pdf

[jQuery.UI.1.7.jQuery用户界面库].文字版.pdf

cognos中引入Jquery简化UI开发.pdf

jQuery插件库.pdf

jQueryEasyUI介绍.pdf

jQuery使用手册.pdf

jquery tabs iFrame.pdf

Jquery中文版.pdf

jQuery基础教程.pdf

最新资源