jQuery新手到高手进阶教程：第二版实战指南

4星 · 超过85%的资源需积分: 12 178 浏览量更新于2024-07-28 收藏 5.64MB PDF 举报

《jQuery新手到高手第二版》是一本专门为初学者打造的、深入浅出的英文原版教程，由Earle Castledine 和 Craig Sharkie 联合撰写，专为那些希望掌握强大且易用的JavaScript库jQuery的人设计。书中不仅涵盖了从基础入门到高级技巧的全面内容，还强调了jQuery在简化网页开发中的高效性和实用性。第一部分，"Falling in Love with jQuery"（爱上jQuery），会引导读者了解jQuery的核心理念和为何选择它作为前端开发工具。章节1至9分别介绍了以下几个关键主题： 1. **选择器与装饰**：学会如何通过jQuery选择元素，进行基本的样式操作和事件处理，使页面更具交互性。 2. **动画、滚动与调整大小**：掌握如何使用jQuery实现动态效果，包括元素位置、尺寸变化以及滚动功能的控制。 3. **图像与幻灯片展示**：学会如何利用jQuery处理图片显示和创建基本的滑动图片或轮播组件。 4. **菜单、标签页、提示和面板**：理解如何构建用户界面，包括菜单导航、可切换的标签页、鼠标悬停提示和动态面板管理。 5. **构造、Ajax和交互性**：深入探讨如何使用Ajax技术进行异步数据请求，以及如何增强用户体验和网站的响应能力。 6. **表单、控件和对话框**：理解如何使用jQuery改进表单输入验证、创建各种交互式控件和自定义对话框。 7. **列表、树和表格**：学习如何操作DOM结构，包括动态生成、排序和过滤列表、树形数据和表格数据的操作。 8. **插件、主题和高级话题**：介绍如何利用现成的jQuery插件扩展功能，探索定制主题，并理解更深层次的技术原理。 9. **参考材料**：附录提供了详尽的函数参考和常见问题解答，便于读者查阅和巩固所学知识。最后，本书还包含JavaScript技巧分享（B. JavaScript Tidbits）、插件辅助工具（C. Plugin Helpers）以及索引，帮助读者查找特定主题的解决方案。整体来看，《jQuery新手到高手第二版》不仅是一本实用的学习指南，也是开发者提升技能、解决实际问题的得力助手，适合任何希望通过jQuery快速提升前端开发能力的读者。版权信息显示，该书版权属于2012年的SitePoint Pty Ltd，包含了多个编辑和审阅者的努力，确保了内容的专业性和最新更新。

Image Tagging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

Ajax Ninjas? Check! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

Chapter 7 Forms, Controls, and Dialogs . . . . . . . 239

Forms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Simple Form Validation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Form Validation with the Validation Plugin . . . . . . . . . . . . . . . . . . 246

Maximum Length Indicator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

Form Hints . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Check All Checkboxes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253

Inline Editing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

Autocomplete . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261

Star Rating Control . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264

Controls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270

Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Date Picker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Sliders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275

Drag and Drop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279

jQuery UI sortable . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287

Progress Bar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Dialogs and Notifications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

Simple Modal Dialog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

jQuery UI Dialog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Growl-style Notifications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

1-up Notification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302

We’re in Good Form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

Chapter 8 Lists, Trees, and Tables . . . . . . . . . . . . . . . 305

Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

jQuery UI Selectables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

xiv

Sorting Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313

Manipulating Select Box Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315

Trees . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Expandable Tree . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

Event Delegation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324

Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

Fixed Table Headers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

Repeating Header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330

Data Grids . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333

Selecting Rows with Checkboxes . . . . . . . . . . . . . . . . . . . . . . . . . . . 343

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

Chapter 9 Plugins, Themes, and Advanced

Topics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347

Creating a Plugin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348

Advanced Topics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Extending jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 370

A jQuery Ninja’s Miscellany . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Avoiding Conflicts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381

Queuing and Dequeuing Animations . . . . . . . . . . . . . . . . . . . . . . . . 382

Treating JavaScript Objects as jQuery Objects . . . . . . . . . . . . . . . . 384

Theme Rolling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386

Using Gallery Themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386

Rolling Your Own . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 387

Making Your Components Themeable . . . . . . . . . . . . . . . . . . . . . . . 388

And By No Means Least . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 390

Playing Your Trump . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392

StarTrackr!: Epilogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 408

Appendix A Reference Material . . . . . . . . . . . . . . . . . . . . . 409

$.ajax Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409

Flags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409

Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410

Callbacks and Functions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 413

$.support Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 414

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417

Event Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417

Event Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418

DIY Event Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418

Appendix B JavaScript Tidbits . . . . . . . . . . . . . . . . . . . . . . 419

Type Coercion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 419

Equality Operators . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 420

Truthiness and Falsiness . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421

Unmasking jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 423

Appendix C Plugin Helpers . . . . . . . . . . . . . . . . . . . . . . . . . . . 425

Selector and Context . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 425

The jQuery Stack . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 426

Minification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 427

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431

xvi

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 sculpt our pages in ways both subtle and extreme: from

finessing a simple sliding panel to implementing a brand-new user interaction you

invented in your sleep.

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

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.

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 surrounding 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 have been frustrated by the complexity of many seemingly simple

tasks, we’ll show you how jQuery can help out. Even if you’re familiar with the

basics of jQuery, but 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, and investigate the

recently released jQuery Mobile framework.

This book comprises the following nine chapters and three appendices. 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.

xviii

剩余482页未读，继续阅读

uuuub12

粉丝: 1
资源: 3

jQuery新手到高手进阶教程：第二版实战指南

JavaScript Novice to Ninja(2nd) 无水印pdf

JavaScript_Novice to Ninja, 2nd Edition-SitePoint(2017).pdf

jQuery: Novice to Ninja

beginning rust:from novice to professional

beginning c++17: from novice to professional pdf

sql数据库设计参考文献

jquery获取复选框的状态

php图书管理系统的参考文献

C Primer Plus

Write a high converting sales focused ecommerce product description for[insert product name] With the following features

最新资源