精通jQuery：实践项目指南

web

需积分: 5 150 浏览量更新于2024-07-17 收藏 3.7MB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

"jQuery Hotshot.pdf" 《jQuery Hotshot》是一本专注于实践的书籍，由Dan Wellman撰写，旨在帮助读者通过十个实际项目提升jQuery技能，增强信心，并全面掌握这一流行的JavaScript库。这本书由Birmingham-Mumbai的Packt Publishing出版，版权归属2013年的Packt Publishing。 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务，使得前端开发更为高效。在本书中，读者将通过一系列实际的项目实践，深入理解jQuery的核心概念和技术。书中涵盖的内容可能包括但不限于以下几点： 1. **DOM操作**：jQuery提供了简洁的API来选择、操作和修改HTML元素。读者会学习如何利用jQuery选择器选取页面上的特定元素，以及如何创建、插入和删除DOM节点。 2. **事件处理**：jQuery简化了事件监听和处理。读者会了解如何绑定和解绑事件，以及如何处理常见的用户交互如点击、滚动等。 3. **动画与效果**：jQuery强大的动画功能让开发者可以轻松实现平滑过渡和复杂的效果。书中的项目可能会涵盖淡入淡出、滑动和自定义动画的制作。 4. **Ajax交互**：jQuery简化了异步数据请求，使前后端通信更加简单。读者将学习如何使用`.ajax()`、`.get()`和`.post()`方法进行Ajax请求，以及如何处理JSON或XML数据。 5. **插件开发**：jQuery拥有丰富的插件生态系统。书中可能介绍如何编写自己的jQuery插件，以扩展其功能。 6. **性能优化**：在实际项目中，读者会学到如何优化jQuery代码，提高页面加载速度和用户体验，包括延迟加载、选择器优化和避免内存泄漏等技巧。 7. **响应式设计**：随着移动设备的普及，响应式设计变得至关重要。书中可能会涉及如何利用jQuery实现响应式布局和适应不同屏幕尺寸的策略。 8. **实战项目**：每个项目都会针对不同的应用场景，例如创建一个交互式的照片画廊、实现一个动态表单验证系统或者构建一个实时聊天应用，帮助读者将理论知识转化为实际的开发经验。请注意，由于提供的部分文本主要涉及版权和出版信息，具体的项目细节和知识点并未直接给出。完整的《jQuery Hotshot》书籍将提供更详尽的教程和实例，以帮助读者深入理解和运用jQuery。这本书是想要提升jQuery技能的Web开发者不可多得的参考资料。

资源详情

资源推荐

iii

Table of Contents

Project Six: Extending Chrome with jQuery 147

Mission Brieng 147

Seng up the basic extension structure 149

Adding a manifest and installing the extension 152

Adding a sandboxed JsRender template 154

Posng a message to the sandbox 158

Adding a content script 160

Scraping the page for microdata 162

Adding a mechanism for saving the microdata 165

Mission Accomplished 171

You Ready To Go Gung HO? A Hotshot Challenge 171

Project Seven: Build Your Own jQuery 173

Mission Brieng 173

Installing Git and Make 174

Installing Node.js 178

Installing Grunt.js 179

Conguring the environment 181

Building a custom jQuery 184

Running unit tests with QUnit 185

Mission Accomplished 189

You Ready To Go Gung HO? A Hotshot Challenge 189

Project Eight: Innite Scrolling with jQuery 191

Mission Brieng 191

Preparing the underlying page 193

Geng the inial feeds 198

Displaying the inial set of results 201

Handling scrolling to the boom of the page 204

Mission Accomplished 207

You Ready To Go Gung HO? A Hotshot Challenge 208

Project Nine: A jQuery Heat Map 209

Mission Brieng 209

Determining and saving the environment 212

Capturing visitor clicks 216

Saving the click data 218

Adding the management console 220

Requesng click data 223

Preface

Getting started with jQuery

Every project in this book is built around jQuery; it's the foundaon for everything we do. To

download a copy of jQuery, we can visit the jQuery site at http://jquery.com/. There are

download buons here to obtain producon and development versions of the library, as well

as a wealth of other resources including full API documentaon, tutorials, and much, much

more to help you familiarize yourself with using the library.

One of the core concepts of jQuery is based on selecng one or more elements from the

Document Object Model (DOM) of a web page, and then operang on those elements

somehow using the methods exposed by the library.

We'll look at a range of dierent ways of selecng elements from the page throughout the

projects in the book, as well as a wide selecon of the dierent methods we can call on

elements, but let's look at a basic example now.

Let's say there is an element on a page that has an

id aribute of myElement. We can select

this element using its id with the following code:

jQuery("#myElement");

As you can see, we use simple CSS selectors in order to select the elements from the page

that we wish to work with. These can range from simple id selectors as in this example,

class selectors, or much more complex aribute selectors.

As well as using

jQuery to select elements, it is also common to use the $ alias. This would

be wrien using $ instead of jQuery, as follows:

$("#myElement");

Once the element has been selected in this way, we would say that the element is wrapped

with jQuery, or that it's a jQuery object containing the element. Using the jQuery (or $)

method with a selector always results in a collecon of elements being returned.

If there are no elements that match the selector, the collecon has a length of

0. When id

selectors are used, we would expect the collecon to contain a single element. There is

no limit as to how many elements may be returned in the collecon; it all depends on the

selector used.

We can now call jQuery methods that operate on the element or elements that have

been selected. One of the great features of most jQuery methods is that the same

method may be used to either get a value, or set a value, depending on the arguments

passed to the method.

Preface

So to connue our example where we have selected the element whose id aribute

is myElement, if we wanted to nd out its width in pixels, we could use jQuery's

width() method:

$("#myElement").width();

This will return a number which species how many pixels wide the element is. However, if

we wish to set the width of our element, we could pass the number of pixels that we'd like

the element to have its width set to as an argument to the same method:

$("#myElement").width(500);

Of course, there is much more to using jQuery than these simple examples show, and we'll

explore much more in the projects contained in this book, but this simplicity is at the heart

of the library and is one of the things that have made it so popular.

What this book covers

Project 1, Sliding Puzzle, helps us build a sliding puzzle game. We'll use jQuery and jQuery UI

together to produce this fun applicaon and also look at the localStorage API.

Project 2, A Fixed Posion Sidebar with Animated Scrolling, helps us implement a popular

user interface feature – the xed-posion sidebar. We focus on working with the CSS of

elements, animaon, and event handling.

Project 3, An Interacve Google Map, teaches us how to work with Google's extensive Maps

API in order to create an interacve map. We look at a range of DOM manipulaon methods

and look at how to use jQuery alongside other frameworks.

Project 4, A jQuery Mobile Single-page App, takes a look at the excellent jQuery Mobile

framework in order to build a mobile applicaon that combines jQuery with the Stack

Exchange API. We also look at jQuery's ocial template engine, JsRender.

Project 5, jQuery File Uploader, uses jQuery UI once again, this me implemenng a

Progressbar widget as part of a dynamic front-end le uploader. We also cover wring jQuery

plugins by making our uploader a congurable jQuery plugin.

Project 6, Extending Chrome with jQuery, shows us how we can extend the popular Chrome

web browser with an extension built with jQuery, HTML, and CSS. Once again we make use

of JsRender.

Project 7, Build Your Own jQuery, takes a look at how we can build a custom version of

jQuery using a range of key web developer's tools including Node.js, Grunt.js, Git, and QUnit.

www.allitebooks.com

剩余295页未读，继续阅读

threenewbee

粉丝: 3w+
资源: 1796

精通jQuery：实践项目指南

PhoneGap 3.x Mobile Application Development Hotshot.2014.pdf

Raspberry.Pi.Embedded.Projects.Hotshot.18496

Packt.Unity.3.Game.Development.Hotshot.2011

yii_rapid_application_development_hotshot.zip

WebGL Hotshot 无水印pdf

Unity 4 Game Development HOTSHOT 无水印pdf

Python性能优化经验谈.pdf

半导体激光器 (5).pdf

半导体激光器 (2).pdf

Raspberry Pi Mechatronics Projects HOTSHOT 无水印原版pdf

Hotshot

LiveCode Mobile Development Hotshot

Yii Rapid Application Development Hotshot

Unity 3 Game Development Hotshot

【hotshot vs. cProfile：深度对比】：掌握Python性能分析工具选择的艺术

【hotshot适配Python 3.x】：新版本Python性能分析无缝切换

【hotshot机制剖析】：探索hotshot背后的高级工作原理

Mycat1.6.7.3 for windows版本

最新资源