jQuery Cookbook - Cdn.oreilly.com - O'Reilly

More documents

Recommendations

Info

Tech Editors Karl Swedberg, after having taught high school English, edited copy for an advertising agency, and owned a coffee house, began his career as a web developer four years ago. He now works for Fusionary Media in Grand Rapids, Michigan, where he specializes in client-side scripting and interaction design. Karl is a member of the jQuery project team and coauthor of Learning jQuery 1.3 and jQuery Reference Guide (both published by Packt). You can find some of his tips and tutorials at http://www.learningjquery.com. Dave Methvin is the chief technology officer at PCPitstop.com and one of the founding partners of the company. He has been using jQuery since 2006, is active on the jQuery help groups, and has contributed several popular jQuery plugins including Corner and Splitter. Before joining PC Pitstop, Dave served as executive editor at both PC Tech Journal and Windows Magazine, where he wrote a column on JavaScript. He continues to write for several PC-related websites including InformationWeek. Dave holds bachelor’s and master’s degrees in computer science from the University of Virginia. David Serduke is a frontend programmer who is recently spending much of his time server side. After programming for many years, he started using jQuery in late 2007 and shortly after joined the jQuery core team. David is currently creating websites for financial institutions and bringing the benefits of jQuery to ASP.NET enterprise applications. David lives in northern California where he received a bachelor’s degree from the University of California at Berkeley in electrical engineering and an MBA from St. Mary’s College. Scott Mark is an enterprise application architect at Medtronic. He works on web-based personalized information portals and transactional applications with an eye toward maintaining high usability in a regulated environment. His key interest areas at the moment are rich Internet applications and multitouch user interface technologies. Scott lives in Minnesota with his lovely wife, two sons, and a black lab. He blogs about technology at http://scottmark.wordpress.com and long-distance trail running at http:// runlikemonkey.com. xvi | Contributors
Preface The jQuery library has taken the frontend development world by storm. Its dead-simple syntax makes once-complicated tasks downright trivial—enjoyable, even. Many a developer has been quickly seduced by its elegance and clarity. If you’ve started using the library, you’re already adding rich, interactive experiences to your projects. Getting started is easy, but as is the case with many of the tools we use to develop websites, it can take months or even years to fully appreciate the breadth and depth of the jQuery library. The library is chock-full of features you might never have known to wish for. Once you know about them, they can dramatically change how you approach the problems you’re called upon to solve. The goal of this cookbook is to expose you, dear reader, to the patterns and practices of some of the leading frontend developers who use jQuery in their everyday projects. Over the course of 18 chapters, they’ll guide you through solutions to problems that range from straightforward to complex. Whether you’re a jQuery newcomer or a grizzled JavaScript veteran, you’re likely to gain new insight into harnessing the full power of jQuery to create compelling, robust, high-performance user interfaces. Who This Book Is For Maybe you’re a designer who is intrigued by the interactivity that jQuery can provide. Maybe you’re a frontend developer who has worked with jQuery before and wants to see how other people accomplish common tasks. Maybe you’re a server-side developer who’s frequently called upon to write client-side code. Truth be told, this cookbook will be valuable to anyone who works with jQuery—or who hopes to work with jQuery. If you’re just starting out with the library, you may want to consider pairing this book with Learning jQuery 1.3 from Packt, or jQuery in Action from Manning. If you’re already using jQuery in your projects, this book will serve to enhance your knowledge of the library’s features, hidden gems, and idiosyncrasies. xvii
Page 1 and 2: Solutions & Examples for jQuery Dev
Page 3: jQuery Cookbook
Page 6 and 7: jQuery Cookbook by jQuery Community
Page 8 and 9: 2.3 Selecting Elements by Index Ord
Page 10 and 11: 8.5 Passing Dynamic Data to Event H
Page 12 and 13: 16.5 Using HTML Fragments and jQuer
Page 14 and 15: This is largely what makes somethin
Page 16 and 17: on client-side optimization techniq
Page 20 and 21: What You’ll Learn We’ll start o
Page 22 and 23: If none of this works, it’s possi
Page 24 and 25: 800-998-9938 (in the United States
Page 26 and 27: traversing and manipulation, browse
Page 28 and 29: • Using the jQuery wrapper and im
Page 30 and 31: The jQuery wrapper set A good major
Page 32 and 33: — Attr — Class — HTML — Tex
Page 34 and 35: alert('jQuery ' + jQuery.fn.jquery)
Page 36 and 37: alert(jQuery('p').text()); }); T
Page 38 and 39: You should be aware that the first
Page 40 and 41: "4 inputs" alert('selected' + jQuer
Page 42 and 43: 1.6 Finding Descendant Elements Wit
Page 44 and 45: .end().end().length); //alerts 3
Page 46 and 47: Now, let’s select the second ele
Page 48 and 49: jQuery('jQuery').find('a').attr('hr
Page 50 and 51: • While the elements selected are
Page 52 and 53: Discussion The cloning method is ac
Page 54 and 55: method by passing the method the at
Page 56 and 57: jQuery('p').text('Hello World,
Page 59 and 60: 2.0 Introduction CHAPTER 2 Selectin
Page 61 and 62: It’s worth noting that combinator
Page 63 and 64: all siblings that follow, not just
Page 65 and 66: Discussion As mentioned, an element
Page 67 and 68: 2.6 Selecting Elements by What They
Page 69 and 70:
The preceding selector would select
Page 71 and 72:
These filters can also be used with
Page 73 and 74:
Solution As well as passing a selec
Page 75:
The purpose of the selector would b
Page 78 and 79:
alert(urls.join(",")); We were able
Page 80 and 81:
Even though this may be the most ob
Page 82 and 83:
Figure 3-2. Code output As you can
Page 84 and 85:
Chapter 3 - Recipe 3 - Converting a
Page 86 and 87:
Figure 3-4. Code output 3.4 Getting
Page 88 and 89:
Discussion The core method index()
Page 90 and 91:
Figure 3-6. Code output In the prec
Page 92 and 93:
ligula. Aenean mattis pulvinar est
Page 94 and 95:
Solution Let’s say you inherit a
Page 96 and 97:
If you use this technique, you will
Page 98 and 99:
available on the Web. jQuery hosts
Page 100 and 101:
Discussion In the preceding example
Page 102 and 103:
.click(function() { // Special clic
Page 104 and 105:
}); })(jQuery); 4.3 Filtering Array
Page 106 and 107:
Discussion In this example, we have
Page 108 and 109:
}); }); })(jQuery); Discussion Upon
Page 110 and 111:
Discussion In this recipe, we use t
Page 112 and 113:
Solution The if/else statement and
Page 114 and 115:
var foo = new Foo( 'bar' ); foo.ale
Page 116 and 117:
} $('#province').toggle( value == '
Page 118 and 119:
Did jQuery invent chaining? No. jQu
Page 120 and 121:
Whether the idea comes from elsewhe
Page 122 and 123:
}; return object; That could also b
Page 124 and 125:
null or undefined, remove the attri
Page 126 and 127:
The +new Date in this code is just
Page 128 and 129:
(function() { var log = [], index =
Page 130 and 131:
The page also contains a large numb
Page 132 and 133:
you could use this: $('.clientX') /
Page 134 and 135:
And you have this HTML code in your
Page 136 and 137:
when you discover the slow parts, y
Page 138 and 139:
A Warning About for..in Loops Never
Page 140 and 141:
Other code here calls maxMagnitude
Page 142 and 143:
matter, but in performance-critical
Page 144 and 145:
console.log( $foo ); $foo.css({ fon
Page 146 and 147:
Solution 1 You’re using the minif
Page 148 and 149:
After the page loads, you are down
Page 150 and 151:
5.19 Writing Unobtrusive JavaScript
Page 152 and 153:
Documentation Tutorials We’ve
Page 154 and 155:
Beware that you don’t make the us
Page 156 and 157:
+ $(document).scrollLeft() }) .show
Page 158:
Want to read more? You can find thi
show all

jQuery Cookbook - Cdn.oreilly.com - O'Reilly

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?