DOM Traversal Methods - MarkMail

More documents

Recommendations

Info

Plug-In API I do two at a time now I've developed a technique —Devo, "Fräulein" Whenever a task is to be performed two or more times, it is a good idea to apply the DRY principle—Don't Repeat Yourself. To facilitate this, jQuery provides several tools for developers that go beyond simple iteration and function creation. Plug-in development is a technique that proves rewarding time and time again. In this chapter, we'll take a brief look at the basics of using another developer's plug-in, and then delve into the various ways of extending jQuery with plug-ins we define ourselves. Using a Plug-in Taking advantage of an existing jQuery plug-in is very straightforward. A plug-in is contained in a standard JavaScript file. There are many ways to obtain the file, but the simplest is to browse the jQuery plug-in repository at http://jquery.com/ plugins. The latest releases of many popular plug-ins are available for download from this site. To make a plug-in's methods available to us, we just include it in the of the document. We must ensure that it appears after the main jQuery source file, and before our custom JavaScript code:
Plug-In API Example After that, we're ready to use any of the methods made public by the plug-in. For example, using the Form plug-in, we can add a single line inside our custom file's $(document).ready method to submit a form via AJAX: $(document).ready(function() { $('#myForm').ajaxForm(); }); Each plug-in is independently documented. In the subsequent chapters, we will examine a couple of the more prominent plug-ins in detail, describing each of their methods. To find out more about other plug-ins, we can explore the documentation linked from the jQuery plug-in repository, or read the explanatory comments found in the source code itself. If we can't find the answers to all of our questions in the plug-in repository, the author's website, or the plug-in's comments, we can always turn to the jQuery discussion list. Many of the plug-in authors are frequent contributors to the list and are always willing to help with any problems that new users might face. Instructions for subscribing to the discussion list can be found at http://docs.jquery.com/Discussion. Developing a Plug-in As we discussed above, plug-in development is a useful technique whenever we are going to perform a task more than once. Here we will itemize the components that can populate a plug-in file of our own design. Our plug-ins can use any combination of the following four types of jQuery enhancements: object methods, global functions, selector expressions, and easing styles. Object Method Adds a new method to all jQuery objects created with the $() factory function. jQuery.fn.methodName = methodDefinition; [ 184 ]
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 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: Miscellaneous Methods code that has
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?