jQuery入门到精通指南 - CSDN文库

需积分: 10 45 浏览量更新于2024-07-20 1 收藏 5.63MB PDF 举报

"JQuery菜鸟到忍者 - Sitepoint出版，由Earle Castledine和Craig Sharkie撰写。这本书是关于JQuery的详细指南，旨在帮助读者从初学者成长为熟练掌握JQuery的专业人士。" 本书"JQuery菜鸟到忍者"分为9个主要章节和3个附录，详细介绍了JQuery的各种概念和技术，包括基础到高级的话题。以下是各章的主要内容： 1. Falling in Love with jQuery：这一章介绍JQuery的基本理念，为何它在Web开发中如此流行，并提供了一些基本的JQuery代码示例，帮助读者快速入门。 2. Selecting, Decorating, and Enhancing：讲解如何使用JQuery选择器选取DOM元素，应用样式和增强网页效果，以及如何操作CSS和HTML元素。 3. Animating, Scrolling, and Resizing：深入探讨动画效果，包括滑动、缩放等动态效果的创建，以及与页面滚动相关的交互。 4. Images and Slideshows：介绍如何利用JQuery处理图像和创建幻灯片展示，提高用户体验。 5. Menus, Tabs, Tooltips, and Panels：讲解如何构建动态菜单、选项卡、提示框和面板，提升网站的交互性和用户界面设计。 6. Construction, Ajax, and Interactivity：讨论JQuery中的AJAX技术，以及如何实现页面的无刷新更新和增强的用户交互性。 7. Forms, Controls, and Dialogs：专注于表单处理，包括验证、自定义控件和模态对话框的实现，让表单提交更加友好和高效。 8. Lists, Trees, and Tables：介绍如何利用JQuery优化列表、树形结构和表格，提高数据展示的可读性和功能性。 9. Plugins, Themes, and Advanced Topics：讲解JQuery插件的使用、主题定制，以及一些高级技巧和最佳实践，帮助开发者进一步扩展JQuery的功能。附录部分提供了参考材料、JavaScript小贴士和插件辅助工具，方便读者查阅和学习。这本书适合JQuery初学者和有一定经验的开发者，无论你是希望提升技能还是探索更深层次的JQuery应用，都能从中获益。通过实例和实践，读者可以逐步掌握JQuery的核心技术，并将其应用于实际项目中，成为一名JQuery的忍者。

Licensed to JamesCarlson@aol.com

xv

Trees . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305

Expandable Tree . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

Event Delegation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

Fixed Table Headers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312

Repeating Header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316

Data Grids . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

Selecting Rows with Checkboxes . . . . . . . . . . . . . . . . . . . . . . . . . . . 329

We’ve Made the A-list! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332

Chapter 9 Plugins, Themes, and Advanced

Topics

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333

Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333

Creating a Plugin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 334

Advanced Topics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Extending jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349

A jQuery Ninja’s Miscellany . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362

Avoiding Conflicts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362

Queuing and Dequeuing Animations . . . . . . . . . . . . . . . . . . . . . . . . 363

Treating JavaScript Objects as jQuery Objects . . . . . . . . . . . . . . . . 366

Theme Rolling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367

Using Gallery Themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Rolling Your Own . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 368

Making Your Components Themeable . . . . . . . . . . . . . . . . . . . . . . . 369

StarTrackr!: Epilogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372

Appendix A Reference Material . . . . . . . . . . . . . . . . . . . . . 373

$.ajax Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Licensed to JamesCarlson@aol.com

Licensed to JamesCarlson@aol.com

Preface

No matter what kind of ninja you are—a cooking ninja, a corporate lawyer ninja, or

an actual ninja ninja—virtuosity lies in first mastering the basic tools of the trade.

Once conquered, it’s then up to the full-fledged ninja to apply that knowledge in

creative and inventive ways.

In recent times, jQuery has proven itself to be a simple but powerful tool for taming

and transforming web pages, bending even the most stubborn and aging browsers

to our will. jQuery is a library with two principal purposes: manipulating elements

on a web page, and helping out with Ajax requests. Sure, there are quite a few

commands available to do this—but they’re all consistent and easy to learn. Once

you’ve chained together your first few actions, you’ll be addicted to the jQuery

building blocks, and your friends and family will wish you’d never discovered it!

On top of the core jQuery library is jQuery UI: a set of fine-looking controls and

widgets (such as accordions, tabs, and dialogs), combined with a collection of full-

featured behaviors for implementing controls of your own. jQuery UI lets you quickly

throw together awesome interfaces with little effort, and serves as a great example

of what you can achieve with a little jQuery know-how.

At its core, jQuery is a tool to help us improve the usability of our sites and create

a better user experience. Usability refers to the study of the principles behind an

object’s perceived efficiency or elegance. Far from being merely flashy, trendy design,

jQuery lets us speedily and enjoyably sculpt our pages in ways both subtle and ex-

treme: from finessing a simple sliding panel to implementing a brand-new user in-

teraction you invented in your sleep.

Becoming a ninja isn’t about learning an API inside out and back to front—that’s

just called having a good memory. The real skill and value comes when you can

apply your knowledge to making something exceptional: something that builds on

the combined insights of the past to be even slightly better than anything anyone

has done before. This is certainly not easy—but thanks to jQuery, it’s fun just trying.

Licensed to JamesCarlson@aol.com

Licensed to JamesCarlson@aol.com

xviii

Who Should Read This Book

If you’re a front-end web designer looking to add a dash of cool interactivity to your

sites, and you’ve heard all the buzz about jQuery and want to find out what the fuss

is about, this book will put you on the right track. If you’ve dabbled with JavaScript,

but been frustrated by the complexity of many seemingly simple tasks, we’ll show

you how jQuery can help you. Even if you’re familiar with the basics of jQuery, but

you want to take your skills to the next level, you’ll find a wealth of good coding

advice and in-depth knowledge.

You should already have intermediate to advanced HTML and CSS skills, as jQuery

uses CSS-style selectors to zero in on page elements. Some rudimentary programming

knowledge will be helpful to have, as jQuery—despite its clever abstractions—is

still based on JavaScript. That said, we’ve tried to explain any JavaScript concepts

as we use them, so with a little willingness to learn you’ll do fine.

What’s in This Book

By the end of this book, you’ll be able to take your static HTML and CSS web pages

and bring them to life with a bit of jQuery magic. You’ll learn how to select elements

on the page, move them around, remove them entirely, add new ones with Ajax,

animate them … in short, you’ll be able to bend HTML and CSS to your will! We

also cover the powerful functionality of the jQuery UI library.

This book comprises the following nine chapters. Read them in order from beginning

to end to gain a complete understanding of the subject, or skip around if you only

need a refresher on a particular topic.

Chapter 1: Falling in Love with jQuery

Before we dive into learning all the ins and outs of jQuery, we’ll have a quick

look at why you’d want to use it in the first place: why it’s better than writing

your own JavaScript, and why it’s better than the other JavaScript libraries out

there. We’ll brush up on some CSS concepts that are key to understanding

jQuery, and briefly touch on the basic syntax required to call jQuery into action.

Chapter 2: Selecting, Decorating, and Enhancing

Ostensibly, jQuery’s most significant advantage over plain JavaScript is the ease

with which it lets you select elements on the page to play with. We’ll start off

Licensed to JamesCarlson@aol.com

Licensed to JamesCarlson@aol.com

xix

this chapter by teaching you how to use jQuery’s selectors to zero in on your

target elements, and then we’ll look at how you can use jQuery to alter those

elements’ CSS properties.

Chapter 3: Animating, Scrolling, and Resizing

jQuery excels at animation: whether you’d like to gently slide open a menu, or

send a dialog whizzing across the screen, jQuery can help you out. In this

chapter, we’ll explore jQuery’s wide range of animation helpers, and put them

into practice by enhancing a few simple user interface components. We’ll also

have a quick look at some animation-like helpers for scrolling the page and

making elements resizable.

Chapter 4: Images, Slideshows, and Cross-fading

With the basics well and truly under our belts, we’ll turn to building some of

the most common jQuery widgets out there: image galleries and slideshows.

We’ll learn how to build lightbox displays, scrolling thumbnail galleries, cross-

fading galleries, and even take a stab at an iPhoto-style flip-book.

Chapter 5: Menus, Tabs, Tooltips, and Panels

Now that we’re comfortable with building cool UI widgets with jQuery, we’ll

dive into some slightly more sophisticated controls: drop-down and accordion-

style menus, tabbed interfaces, tooltips, and various types of content panels.

We’re really on a roll now: our sites are looking less and less like the brochure-

style pages of the nineties, and more and more like the Rich Internet Applications

of the twenty-first century!

Chapter 6: Construction, Ajax, and Interactivity

This is the one you’ve all been waiting for: Ajax! In order to make truly desktop-

style applications on the Web, you need to be able to pass data back and forth

to and from the server, without any of those pesky refreshes clearing your inter-

face from the screen—and that’s what Ajax is all about. jQuery includes a raft

of convenient methods for handling Ajax requests in a simple, cross-browser

manner, letting you leave work with a smile on your face. But before we get too

carried away—our code is growing more complex, so we’d better take a look at

some best practices for organizing it. All this and more, in Chapter 6.

Licensed to JamesCarlson@aol.com

剩余431页未读，继续阅读

༺夜尽天明༻

粉丝: 4
资源: 19

最新资源