diff --git a/entries/animate.xml b/entries/animate.xml index 11477c2a..f138bc4d 100644 --- a/entries/animate.xml +++ b/entries/animate.xml @@ -56,12 +56,18 @@ $( "#clickme" ).click(function() { });
- +
Note that the target value of the height
property is 'toggle'
. Since the image was visible before, the animation shrinks the height to 0 to hide it. A second click then reverses this transition:
- +
The opacity
of the image is already at its target value, so this property is not animated by the second click. Since the target value for left
is a relative value, the image moves even farther to the right during this second animation.
Directional properties (top
, right
, bottom
, left
) have no discernible effect on elements if their position
style property is static
, which it is by default.
+
+The event handler can be bound to any <div>
:
$( "#target" ).click(function() {
diff --git a/entries/dblclick.xml b/entries/dblclick.xml
index df7a5ae4..54962191 100644
--- a/entries/dblclick.xml
+++ b/entries/dblclick.xml
@@ -34,9 +34,10 @@
Trigger the handler
</div>
- +
+The event handler can be bound to any <div>
:
$( "#target" ).dblclick(function() {
diff --git a/entries/fadeIn.xml b/entries/fadeIn.xml
index 819e663e..628e7e73 100644
--- a/entries/fadeIn.xml
+++ b/entries/fadeIn.xml
@@ -35,12 +35,13 @@ $( "#clickme" ).click(function() {
});
});
- - - - - -
+As of jQuery 1.4.3, an optional string naming an easing function may be used. Easing functions specify the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called swing
, and one that progresses at a constant pace, called linear
. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.
- - - - -
+Note: To avoid unnecessary DOM manipulation, .fadeOut()
will not hide an element that is already considered hidden. For information on which elements jQuery considers hidden, see :hidden Selector.
- - - - -
+With duration
set to 0
, this method just changes the opacity
CSS property, so .fadeTo( 0, opacity )
is the same as .css( "opacity", opacity )
.
The difference between .css( "height" )
and .height()
is that the latter returns a unit-less pixel value (for example, 400
) while the former returns a value with units intact (for example, 400px
). The .height()
method is recommended when an element's height needs to be used in a mathematical calculation.
+
+This method is also able to find the height of the window and document.
// Returns height of browser viewport
diff --git a/entries/hide.xml b/entries/hide.xml
index cfe38a29..1a0093d5 100644
--- a/entries/hide.xml
+++ b/entries/hide.xml
@@ -52,12 +52,12 @@ $( "#clickme" ).click(function() {
});
});
- - - - - -
+This method returns the height of the element, including top and bottom padding, in pixels.
This method is not applicable to window
and document
objects; for these, use .height()
instead.
+
+This method returns the width of the element, including left and right padding, in pixels.
This method is not applicable to window
and document
objects; for these, use .width()
instead.
+
++
+The event handler can be bound to any <div>
:
$( "#target" ).mousedown(function() {
diff --git a/entries/mouseenter.xml b/entries/mouseenter.xml
index 6985f396..de72455d 100644
--- a/entries/mouseenter.xml
+++ b/entries/mouseenter.xml
@@ -37,9 +37,10 @@
Trigger the handler
</div>
<div id="log"></div>
- +
+The event handler can be bound to any element:
$( "#outer" ).mouseenter(function() {
diff --git a/entries/mouseleave.xml b/entries/mouseleave.xml
index 56adcb65..23508900 100644
--- a/entries/mouseleave.xml
+++ b/entries/mouseleave.xml
@@ -37,9 +37,10 @@
Trigger the handler
</div>
<div id="log"></div>
- +
+The event handler can be bound to any element:
$( "#outer" ).mouseleave(function() {
diff --git a/entries/mouseout.xml b/entries/mouseout.xml
index bcdece5b..09c63aab 100644
--- a/entries/mouseout.xml
+++ b/entries/mouseout.xml
@@ -38,9 +38,10 @@
</div>
<div id="log"></div>
- +
+The event handler can be bound to any element:
$( "#outer" ).mouseout(function() {
diff --git a/entries/mouseover.xml b/entries/mouseover.xml
index f2ca8c02..5d4415da 100644
--- a/entries/mouseover.xml
+++ b/entries/mouseover.xml
@@ -38,9 +38,10 @@
</div>
<div id="log"></div>
- +
+The event handler can be bound to any element:
$( "#outer" ).mouseover(function() {
diff --git a/entries/mouseup.xml b/entries/mouseup.xml
index 31640a96..8fb2122b 100644
--- a/entries/mouseup.xml
+++ b/entries/mouseup.xml
@@ -34,9 +34,10 @@
Trigger the handler
</div>
- +
+The event handler can be bound to any <div>
:
$( "#target" ).mouseup(function() {
diff --git a/entries/outerHeight.xml b/entries/outerHeight.xml
index bdd1bd7f..6a14fd7d 100644
--- a/entries/outerHeight.xml
+++ b/entries/outerHeight.xml
@@ -13,9 +13,10 @@
The top and bottom padding and border are always included in the .outerHeight()
calculation; if the includeMargin
argument is set to true
, the margin (top and bottom) is also included.
This method is not applicable to window
and document
objects; for these, use .height()
instead.
-
+
+ figure 1
+
diff --git a/entries/outerWidth.xml b/entries/outerWidth.xml
index a6ab2247..f39fe926 100644
--- a/entries/outerWidth.xml
+++ b/entries/outerWidth.xml
@@ -14,9 +14,10 @@
Returns the width of the element, along with left and right padding, border, and optionally margin, in pixels.
If includeMargin
is omitted or false
, the padding and border are included in the calculation; if true
, the margin is also included.
This method is not applicable to window
and document
objects; for these, use .width()
instead. Although .outerWidth()
can be used on table elements, it may give unexpected results on tables using the border-collapse: collapse
CSS property.
-
+
+ figure 1
+
@@ -63,7 +64,7 @@ $( "p:last" ).text(
When calling .outerWidth(value)
, the value can be either a string (number and unit) or a number. If only a number is provided for the value, jQuery assumes a pixel unit. If a string is provided, however, any valid CSS measurement may be used (such as 100px
, 50%
, or auto
).
-
+
Change the outer width of each div the first time it is clicked (and change its color).
d
]]>