精通jQuery UI：构建交互式Web应用

需积分: 9 82 浏览量更新于2024-07-23 收藏 13.54MB PDF 举报

"jQuery.UI.1.7.jQuery用户界面库". 文字版.pdf jQuery UI 是一个基于广受欢迎且易于使用的 jQuery 库构建的JavaScript UI小部件和交互助手集合。它扩展了jQuery的功能，提供了一系列丰富且交互式的组件，旨在增强网站和Web应用程序的用户体验。作为官方的UI库，jQuery UI凭借其不断增长的常见UI小部件、高度的可配置性以及出色的易实施性，成为首选的扩展库。 jQuery 已迅速成为当今最流行的JavaScript库之一，而jQuery UI则凭借其广泛的功能、高度的自定义选项和简单易用的实现方式，肯定会在未来成为首选的扩展库。jQuery UI在jQuery的基础上运行，这意味着初始化、配置和操作不同组件的语法与jQuery保持一致，使得使用起来更加舒适便捷。同时，库还支持一系列实用工具，如CSS框架，提供了一系列辅助CSS类，以及优秀的ThemeRoller应用，允许我们视觉化创建自定义组件主题。本书将深入探讨构成库的每一个现有组件，研究它们的配置选项，并尝试其方法，以便全面理解它们的工作原理和功能。通过阅读本书，您将成为jQuery UI实施方面的专家。由于在添加新组件时，各个组件的实现方式具有一致性，因此在学习任何特定组件功能后，我们就能对整个库的组件有基本的了解。书中涵盖的内容包括但不限于：对话框（Dialog）、拖放（Draggable）、可排序（Sortable）、可叠放（Resizable）、滑块（Slider）、下拉菜单（Dropdown）、日期选择器（Datepicker）、进度条（Progressbar）等组件的使用和配置，以及如何利用jQuery UI的事件处理、动画效果和主题设计来提升用户体验。此外，jQuery UI库的灵活性使得开发者可以根据项目需求定制组件，同时，其兼容性和跨浏览器支持也是其强大之处。尽管jQuery UI不是唯一基于jQuery的库，但它的全面性、易用性和社区支持使其在众多UI解决方案中脱颖而出。无论您是初学者还是经验丰富的开发者，通过深入学习jQuery UI 1.7，您将能够构建高度交互式的Web应用程序，为用户提供更优质的界面体验。

Table of Contents

Greedy 224

Droppable methods 228

A drag and drop game 229

Summary 234

Chapter 10: Resizing 235

A basic resizable 236

Resizable options 238

Configuring resize handles 239

Adding additional handle images 240

Defining size limits 241

Resize ghosts 243

Containing the resize 245

Handling the aspect ratio 246

Resizable animations 247

Simultaneous resizing 248

Preventing unwanted resizes 250

Resizable callbacks 250

Resizable methods 252

Resizable tabs 252

Summary 254

Chapter 11: Selecting 255

Basic implementation 256

Selectee class names 258

Configurable options of the selectable component 260

Filtering selectables 260

Cancelling the selection 262

Selectable callbacks 262

Working with vast amounts of selectables 266

Selectable methods 268

A selectable image viewer 270

Styling the image selector 274

Summary 276

Chapter 12: Sorting 277

The default implementation 278

Configuring sortable options 281

Placeholders 287

Sortable helpers 289

Sortable items 290

Connected lists 292

Preface

What this book covers

Chapter 1, Introducing jQuery UI, gives a general overview and introduction to

jQuery UI. You nd out exactly what the library is, where it can be downloaded

from, and where resources for it can be found. We look at the freedom the license

gives you to use the library and how the API has been simplied to give the

components a consistent and easy to use programming model.

In Chapter 2, The CSS Framework, we look in details at the extensive CSS framework

that provides a rich environment for integrated theming via ThemeRoller, or allows

developers to easily supply their own custom themes or skins.

In Chapter 3, Tabs, we look at the tabs component; a simple but effective means of

presenting structured content in an engaging and interactive widget.

Chapter 4, The Accordion Widget, looks at the accordion widget, another component

dedicated to the effective display of content. Highly engaging and interactive, the

accordion makes a valuable addition to any web page and its API is exposed in full

to show exactly how it can be used.

In Chapter 5, The Dialog, we focus on the dialog widget. The dialog behaves in the

same way as a standard browser alert, but it does so in a much less intrusive and

more visitor-friendly manner. We look at how it can be congured and controlled to

provide maximum benet and appeal.

Chapter 6, Slider, looks at the slider widget that provides a less commonly used, but

no less valuable user interface tool for collecting input from your visitors. We look

closely at its API throughout this chapter to see the variety of ways that in which it

can be implemented.

In Chapter 7, Datepicker, we look at the datepicker. This component packs a huge

amount of functionality into an attractive and highly usable tool, allowing your

visitors to effortlessly select dates. We look at the wide range of congurations that

its API makes possible as well as seeing how easy common tasks such as skinning

and localization are made.

In Chapter 8, Progressbar, we look at the new progressbar widget; examining its

compact API and seeing a number of ways in which it can be put to good use in our

web applications.

In Chapter 9, Drag and Drop, we begin looking at the low-level interaction helpers,

tackling rst the related drag-and-droppable components. We look at how they

can be implemented individually and how they can be used together for

maximum effect.

Preface

Chapter 10, Resizing, looks at the resizing component and how it is used with the

dialog widget from earlier in the book. We see how it can be applied to any element

on the page to allow it be resized in a smooth and attractive way.

In Chapter 11, Selecting, we look at the selectable component, which allows us add

behavior to elements on the page and allow them be selected individually or as a

group. We see that this is one component that really brings the desktop and the

browser together as application platforms.

Chapter 12, Sorting, looks at the nal interaction helper—the sortable component.

This is an especially effective component that allows you to create lists on a page

that can be reordered by dragging items to a new position on the list. This is another

component that can really help you to add a high level of professionalism and

interactivity to your site with a minimum of effort.

Chapter 13, UI Effects, is dedicated solely to the special effects that are included with

the library. We look at an array of different effects that allow you to show, hide,

move, and jiggle elements in a variety of attractive and appealing animations.

There is no 'fun with' section at the end of this chapter; the whole chapter is a

'fun with' section.

What you need for this book

A copy of the latest jQuery UI full build (1.7.2 at the time of writing)

A code or text editor

A browser

The code download for the book

Who this book is for

This book is for developers who want to quickly and easily build engaging,

highly interactive interfaces for their web applications, or less commonly, for

embedded applications.

Nokia was the rst mobile phone company to announce that they were adopting

jQuery to power parts of their cell phone operating system. I'm sure that by the time

this book is published there will be more companies adapting the library for their

own needs, and wherever jQuery goes, jQuery UI can follow.

People who are comfortable with HTML, JavaScript, and CSS along with having at

least some experience with jQuery itself will get the most benet from what this book

has to offer. However, no prior knowledge of the UI library itself is required.

•

剩余391页未读，继续阅读

蔡大东

粉丝: 8
资源: 18

精通jQuery UI：构建交互式Web应用

jquery-ui.theme.css

jQuery UI 中文版 入门到精通 PDF

[jQuery.UI.1.7.jQuery用户界面库 电子书扫描版 文字版

jquery.ui.datepicker-zh-cn.js下载

jquery.ui.datepicker-zh-cn.js

php和jquery ui弹出框,jquery弹出框插件jquery.ui.dialog用法分析

yepnope({ test : Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', 'css/jquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });

jquery-ui.min.js下载

jquery.media.js预览pdf

jquery-ui.css

最新资源

jQuery UI 中文版入门到精通 PDF

[jQuery.UI.1.7.jQuery用户界面库电子书扫描版文字版