DOM Traversal Methods - MarkMail

More documents

Recommendations

Info

Effect Methods It's got style, it's got class —Devo, “Uncontrollable Urge" In this chapter, we'll closely examine each of the effect methods, revealing all of the mechanisms jQuery has for providing visual feedback to the user. Pre-Packaged Effects These methods allow us to quickly apply commonly used effects with a minimum configuration. .show() Displays the matched elements. .show([speed][, callback]) Parameters • speed (optional): A string or number determining how long the animation will run • callback (optional): A function to call once the animation is complete
Effect Methods Return Value The jQuery object, for chaining purposes. Description With no parameters, the .show() method is the simplest way to display an element: $('.target').show(); The matched elements will be revealed immediately, with no animation. This is roughly equivalent to calling .css('display', 'block'), except that the display property is restored to whatever it was initially. If an element is given a display value of inline, then it is hidden and shown, it will once again be displayed inline. When a speed is provided, .show() becomes an animation method. The .show() method animates the width, height, and opacity of the matched elements simultaneously. Speeds are given in millisecond durations of the animation; higher values indicate slower animations, not faster ones. The strings fast, normal, and slow can be supplied to indicate speed values of 200, 400, and 600 respectively. If the speed parameter is omitted, normal is assumed. If supplied, the callback is fired once the animation is complete. This can be useful for stringing different animations together in sequence. The callback is not sent any arguments, but this is set to the DOM element being animated. The callback is executed once per matched element, not once for the animation as a whole. We can animate any element, such as a simple containing an image: Trigger With the element initially hidden, we can show it slowly: $('.trigger').click(function() { $('.target').show('slow', function() { $(this).log('Effect complete.'); }); }); [ 132 ]
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 22 and 23:
Anatomy of a jQuery Script He's got
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 65 and 66:
Page 67 and 68:
DOM Traversal Methods .parents() Ge
Page 69 and 70:
DOM Traversal Methods 1 2 3 C I
Page 71 and 72:
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 136 and 137: Chapter 5 Trigger The event handl
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 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?