DOM Traversal Methods - MarkMail

More documents

Recommendations

Info

Anatomy of a jQuery Script He's got a brand new start Now he's a happy guy —Devo, "Happy Guy" A typical jQuery script uses a wide assortment of the methods that the library offers. Selectors, <strong>DOM</strong> manipulation, event handling, and so forth come into play as required by the task at hand. In order to make the best use of jQuery, we need to keep in mind the wide range of capabilities it provides. This book will itemize every method and function found in the jQuery library. Since there are many methods and functions to sort through, it will be useful to know what the basic categories of methods are, and how they come into play within a jQuery script. Here we will see a fully functioning script, and examine how the different aspects of jQuery are utilized in each part of the script. A Dynamic Table of Contents As an example of jQuery in action, we'll build a small script that will dynamically extract the headings from an HTML document and assemble them into a table of contents for that page.
Anatomy of a jQuery Script Our table of contents will be nestled on the top right corner of the page: We'll have it collapsed initially as shown above, but a click will expand it to full height: [ ]
Page 2 and 3: jQuery Reference Guide A Comprehens
Page 4 and 5: Credits Authors Jonathan Chaffer Ka
Page 6 and 7: Karl Swedberg is a web developer at
Page 8: Paul Bakaus is a programmer and cor
Page 11 and 12: Table of Contents Last Child (:last
Page 13 and 14: Table of Contents .before() 81 .ins
Page 15 and 16: Table of Contents Chapter 8: Miscel
Page 18 and 19: Preface jQuery is a powerful, yet e
Page 20 and 21: Preface Conventions In this book, y
Page 24 and 25: Chapter 1 At the same time, we'll a
Page 26 and 27: Chapter 1 top: 0; right: 0; width:
Page 28 and 29: Chapter 1 Script Dissection This sc
Page 30 and 31: Chapter 1 Chapter 5 also discusses
Page 32: Chapter 1 Summary We've now seen a
Page 35 and 36: Selector Expressions Examples 1. $(
Page 37 and 38: Selector Expressions Description As
Page 39 and 40: Selector Expressions Multiple Eleme
Page 41 and 42: Selector Expressions Description Fo
Page 43 and 44: Selector Expressions Child: E/F All
Page 45 and 46: Selector Expressions When using any
Page 47 and 48: Selector Expressions Attribute Valu
Page 49 and 50: Selector Expressions Description Be
Page 51 and 52: Selector Expressions Description Wh
Page 53 and 54: Selector Expressions Description Th
Page 55 and 56: DOM Traversal Methods $() Creates a
Page 57 and 58: DOM Traversal Methods Cloning jQuer
Page 59 and 60: DOM Traversal Methods We can select
Page 61 and 62: DOM Traversal Methods Parameters
Page 63 and 64: DOM Traversal Methods Consider a pa
Page 67 and 68: DOM Traversal Methods .parents() Ge
Page 69 and 70: DOM Traversal Methods 1 2 3 C I
Page 73 and 74:
DOM Traversal Methods Return Value
Page 75 and 76:
DOM Traversal Methods .end() Ends t
Page 78 and 79:
DOM Manipulation Methods Washed his
Page 80 and 81:
Chapter 4 .attr() Sets one or more
Page 82 and 83:
Chapter 4 Style Properties .css(pro
Page 84 and 85:
Chapter 4 .height() Gets the curren
Page 86 and 87:
Chapter 4 Class Attribute .addClass
Page 88 and 89:
Chapter 4 The first time we apply $
Page 90 and 91:
Chapter 4 Parameters None. Return V
Page 92 and 93:
Chapter 4 Parameters • value: A s
Page 94 and 95:
Chapter 4 Parameters • target: A
Page 96 and 97:
Chapter 4 Consider the following HT
Page 98 and 99:
Chapter 4 Using .appendTo(), we can
Page 100 and 101:
Chapter 4 An element (or array of e
Page 102 and 103:
Parameters • content: An element,
Page 104 and 105:
Chapter 4 Consider the following HT
Page 106 and 107:
Chapter 4 Using .wrap(), we can ins
Page 108 and 109:
Chapter 4 With the .clone method, w
Page 110 and 111:
Chapter 4 .remove() Removes the set
Page 112 and 113:
Event Methods Woman, I am bound to
Page 114 and 115:
[ 97 ] Chapter 5 When an event reac
Page 116 and 117:
Chapter 5 var message = 'Spoon!'; $
Page 118 and 119:
Chapter 5 var timesClicked = 0; $('
Page 120 and 121:
Chapter 5 While .trigger() simulate
Page 122 and 123:
Chapter 5 .load() Binds an event ha
Page 124 and 125:
Chapter 5 Parameters • handler: A
Page 126 and 127:
Chapter 5 If the user clicks on an
Page 128 and 129:
After this code executes, clicking
Page 130 and 131:
Chapter 5 For example, consider the
Page 132 and 133:
Chapter 5 Description This handler
Page 134 and 135:
Page 136 and 137:
Chapter 5 Trigger The event handl
Page 138 and 139:
Page 140 and 141:
Chapter 5 After this code executes,
Page 142 and 143:
Chapter 5 The keydown event is sent
Page 144 and 145:
Chapter 5 $('.trigger').click(funct
Page 146 and 147:
Chapter 5 .resize() Binds an event
Page 148 and 149:
Effect Methods It's got style, it's
Page 150 and 151:
Chapter 6 .hide() Hides the matched
Page 152 and 153:
Chapter 6 .toggle() Displays or hid
Page 154 and 155:
Chapter 6 .slideDown() Displays the
Page 156 and 157:
Chapter 6 If supplied, the callback
Page 158 and 159:
Chapter 6 .fadeIn() Displays the ma
Page 160 and 161:
Chapter 6 .fadeOut() Hides the matc
Page 162 and 163:
Chapter 6 We can animate any elemen
Page 164:
Chapter 6 If supplied, the callback
Page 167 and 168:
AJAX Methods Parameters • setting
Page 169 and 170:
AJAX Methods Such a simple example
Page 171 and 172:
AJAX Methods Shorthand Methods Thes
Page 173 and 174:
AJAX Methods A response that the pa
Page 175 and 176:
AJAX Methods Parameters • url: A
Page 177 and 178:
AJAX Methods Parameters • url: A
Page 179 and 180:
AJAX Methods $('.log').ajaxComplete
Page 181 and 182:
AJAX Methods Now, we can make an AJ
Page 183 and 184:
AJAX Methods We can attach our even
Page 185 and 186:
AJAX Methods Parameters None. Retur
Page 187 and 188:
Miscellaneous Methods Description T
Page 189 and 190:
Miscellaneous Methods Description S
Page 191 and 192:
Miscellaneous Methods Return Value
Page 193 and 194:
Miscellaneous Methods If a map is u
Page 195 and 196:
Miscellaneous Methods As is typical
Page 197 and 198:
Miscellaneous Methods $.unique() Cr
Page 199 and 200:
Miscellaneous Methods code that has
Page 201 and 202:
Plug-In API Example After that,
Page 203 and 204:
Plug-In API Note also that in these
Page 205 and 206:
Plug-In API Selector Expression Add
Page 207 and 208:
Plug-In API An easing function must
Page 209 and 210:
Plug-In API Example: Maintaining Mu
Page 211 and 212:
Plug-In API } return this.each(func
Page 213 and 214:
Dimensions Plug-In .dim-outer { hei
Page 215 and 216:
Dimensions Plug-In Parameters None.
Page 217 and 218:
Dimensions Plug-In .innerWidth() Ge
Page 219 and 220:
Dimensions Plug-In .outerWidth() Ge
Page 221 and 222:
Dimensions Plug-In .scrollTop() Get
Page 223 and 224:
Dimensions Plug-In Description The
Page 225 and 226:
Dimensions Plug-In • relativeTo (
Page 227 and 228:
Dimensions Plug-In Including Border
Page 229 and 230:
Dimensions Plug-In We start by decl
Page 232 and 233:
Form Plug-In You better find out Be
Page 234 and 235:
Chapter 11 When a dataType is provi
Page 236 and 237:
[ 219 ] Chapter 11 Unlike the .ajax
Page 238 and 239:
Chapter 11 The user can then fill i
Page 240 and 241:
Chapter 11 .ajaxFormUnbind() Restor
Page 242 and 243:
Given the form illustrated in the .
Page 244 and 245:
Parameters (First Version) • succ
Page 246 and 247:
Chapter 11 Discussion This method f
Page 248:
Chapter 11 Discussion This method r
Page 251 and 252:
Online Resources jQuery API Browser
Page 253 and 254:
Online Resources Mezzoblue CSS Crib
Page 255 and 256:
Online Resources A List Apart A Lis
Page 257 and 258:
Development Tools Web Developer Too
Page 259 and 260:
Development Tools TextMate jQuery B
Page 261 and 262:
.formSerialize() 224 .formToArray()
Page 263 and 264:
D descendant 19, 25 development too
Page 265 and 266:
JavaScript sorting online resources
show all

DOM Traversal Methods - MarkMail

Create successful ePaper yourself

Delete template?

Save as template?