jQuery从入门到精通：Sitepoint《jQuery.Novice.to.Ninja》

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

"jQuery菜鸟到忍者Sitepoint.jQuery.Novice.to.Ninja.Feb.2010.pdf" 这本书《jQuery菜鸟到忍者》由Earle Castledine和Craig Sharkie编写，是SitePoint公司在2010年2月出版的一本关于jQuery的教程。书中的内容覆盖了从基础到高级的jQuery技术，旨在帮助读者从初学者快速成长为jQuery的熟练使用者。 1. **Falling in Love with jQuery** (爱上jQuery) 这一章节可能是介绍jQuery的基本理念，为何它如此受欢迎，以及如何快速上手使用jQuery。可能包括jQuery的语法简洁性、对DOM操作的简化以及它如何使网页交互变得更加动态。 2. **Selecting, Decorating, and Enhancing** (选择、装饰和增强) 这部分可能详细讲解了如何使用jQuery选择器来选取页面元素，应用CSS类进行样式装饰，以及通过jQuery方法增强网页元素的功能。 3. **Animating, Scrolling, and Resizing** (动画、滚动和调整大小) 这一章将深入到jQuery的动画效果，包括如何创建平滑的滚动效果，以及如何控制元素的大小变化，这些都是构建动态用户界面的关键技术。 4. **Images and Slideshows** (图像和幻灯片) 这一部分可能会讲解如何使用jQuery处理图像，创建动态的图片轮播效果，提升网站的视觉吸引力。 5. **Menus, Tabs, Tooltips, and Panels** (菜单、标签页、提示框和面板) 该章节涵盖了常见用户界面组件的构建，如导航菜单、可切换的标签页、悬停提示以及内容面板，这些都是提高用户体验的重要元素。 6. **Construction, Ajax, and Interactivity** (构造、Ajax和交互性) 这里可能涉及如何使用jQuery进行页面构建，特别是利用Ajax技术实现无刷新的数据交换，增强网站的交互性。 7. **Forms, Controls, and Dialogs** (表单、控件和对话框) 这一章将涵盖jQuery在处理表单元素、定制表单控件以及创建模态对话框等方面的应用，提升用户在填写和提交表单时的体验。 8. **Lists, Trees, and Tables** (列表、树形结构和表格) 讲解如何用jQuery优化列表显示，创建可折叠的树形结构，以及美化和增强表格功能，提供更加组织化的数据展示。 9. **Plugins, Themes, and Advanced Topics** (插件、主题和高级主题) 最后一章可能讨论jQuery生态系统中的插件使用，如何自定义主题，以及探讨一些高级的jQuery技术和最佳实践。此外，书后还附有参考材料、JavaScript知识点补充和插件辅助工具，方便读者深入学习和查阅。整体来看，这本书为读者提供了全面的jQuery学习路径，无论你是新手还是有一定经验的开发者，都能从中受益。

Licensed to JamesCarlson@aol.com

xvi

Flags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 373

Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374

Callbacks and Functions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376

$.support Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379

Event Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379

Event Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380

DIY Event Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380

Appendix B JavaScript Tidbits . . . . . . . . . . . . . . . . . . . . . . 381

Type Coercion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Equality Operators . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382

Truthiness and Falsiness . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383

Appendix C Plugin Helpers . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Selector and Context . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

The jQuery Stack . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 388

Minification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 393

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

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

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

Chapter 7: Forms, Controls, and Dialogs

The bane of every designer, forms are nonetheless a pivotal cornerstone of any

web application. In this chapter, we’ll learn what jQuery has to offer us in terms

of simplifying our form-related scripting. We’ll learn how to validate forms on

the fly, offer assistance to our users, and manipulate checkboxes, radio buttons,

and select lists with ease. Then we’ll have a look at some less conventional

ways of allowing a site’s users to interact with it: a variety of advanced controls

like date pickers, sliders, and drag and drop. We’ll round it off with a look at

modal dialogs in the post-popup world, as well as a few original nonmodal

notification styles. What a chapter!

Chapter 8: Lists, Trees, and Tables

No matter how “Web 2.0” your application may be, chances are you’ll still need

to fall back on the everyday list, the humdrum tree, or even the oft-derided table

to present information to your users. This chapter shows how jQuery can make

even the boring stuff fun, as we’ll learn how to turn lists into dynamic, sortable

data, and transform tables into data grids with sophisticated functionality.

Chapter 9: Plugins, Themes, and Advanced Topics

jQuery is more than just cool DOM manipulation, easy Ajax requests, and funky

UI components. It has a wealth of functionality aimed at the more ninja-level

developer: a fantastic plugin architecture, a highly extensible and flexible core,

customizable events, and a whole lot more. In this chapter, we’ll also cover the

jQuery UI theme system, which lets you easily tailor the appearance of jQuery

UI widgets to suit your site, and even make your own plugins skinnable with

themes.

Where to Find Help

jQuery is under active development, so chances are good that, by the time you read

this, some minor detail or other of these technologies will have changed from what’s

described in this book. Thankfully, SitePoint has a thriving community of JavaScript

and jQuery developers ready and waiting to help you out if you run into trouble.

We also maintain a list of known errata for this book, which you can consult for the

latest updates; the details are below.

Licensed to JamesCarlson@aol.com

剩余430页未读，继续阅读

qq414693820

粉丝: 1

jQuery从入门到精通：Sitepoint《jQuery.Novice.to.Ninja》

jQuery入门到精通指南

精通jQuery：从新手到专家

jQuery从入门到精通：菜鸟到忍者的旅程

[JQuery菜鸟到忍者].Sitepoint.jQuery.Novice.to.Ninja.Feb.2010.pdf

Sitepoint.jQuery.Novice.to.Ninja.Feb.2010.rar

SitePoint.Simply.JavaScript.Jun.2007.pdf

SitePoint.Build.Your.Own.Wicked.WordPress.Themes.Aug.2010.rar

SitePoint.Create.Stunning.HTML.Email.That.Just.Works.Apr.2010.rar

SitePoint.Host.Your.Web.Site.in.the.Cloud.Sep.2010.rar

SitePoint.Simply.SQL.Dec.2008

最新资源