русский עברית

Tools

Linear Gradients Custom Menu Hosting

String Number Boolean Object Options Array Map Function Callback Selector Event Element jQuery MIME XMLHttpRequest Deferred jqXHR Promise

offset()position()scrollTop()scrollLeft()

Height and Width

height()width()innerHeight()innerWidth()outerHeight()outerWidth()

Ajax Event Objects

event.preventDefault()event.stopPropagation()event.target event.type event.pageX event.pageY event.data event.which event.relatedTarget event.timeStamp event.currentTarget event.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.result event.stopImmediatePropagation()event.namespace

Plugin Authoring

jQuery.pushStack()jQuery.error

Version 1.6 Version 1.5.1 Version 1.5 Version 1.4.4 Version 1.4.3 Version 1.4.2 Version 1.4.1 Version 1.4 Version 1.3 Version 1.2.6 Version 1.2.3 Version 1.2 Version 1.1.4 Version 1.1.3 Version 1.1.2 Version 1.1 Version 1.0.4 Version 1.0

jQuery Examples

jQuery Examples Navigation

Deferred Object

deferred.done()deferred.fail()deferred.isRejected()deferred.isResolved()deferred.promise()deferred.reject()deferred.rejectWith()deferred.resolve()deferred.resolveWith()deferred.then()deferred.always()deferred.pipe()promise()

Browsers

Browser Information Browser Statistics OS Platform Statistics Browser Display Statistics Browser Explorer Browser Netscape Project Mozilla Browser Firefox Browser Opera Browser Chrome Browser Safari Mobile Browser

Did you find an error in the text?

Select this with mouse and press

Ctrl + Enter

Xhtml.co.il Check Spelling

jQuery Basic

jQuery jQuery Introduction History of jQuery Philosophy of jQuery Function jQuery $jQuery Methods $(document).ready()FAQ

jQuery Attributes

attr()removeAttr()

addClass()hasClass()removeClass()toggleClass()

prop()removeProp()

show()hide()toggle()

slideDown()slideUp()slideToggle()

fadeIn()fadeOut()fadeTo()fadeToggle()

animate()stop()delay()

jQuery.fx.off jQuery.fx.interval

jQuery.fx.off

jQuery.fx.off

Returns: Boolean

Description: Globally disable all animations.

jQuery.fx.off

version added: 1.3

When this property is set to true, all animation methods will immediately set elements to their final state when called, rather than displaying an effect. This may be desirable for a couple reasons:

jQuery is being used on a low-resource device.
Users are encountering accessibility problems with the animations (see the article Turn Off Animation for more information).

Animations can be turned back on by setting the property to false.

Examples

Run a disabled animation

var toggleFx = function() {
  $.fx.off = !$.fx.off;
};
toggleFx();
$("button").click(toggleFx)
$("input").click(function(){
  $("div").toggle("slow");
});

The output of the code above will be:

Try it yourself

Full source:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function(){
    var toggleFx = function() {
      $.fx.off = !$.fx.off;
    };
    toggleFx();

    $("button").click(toggleFx)

    $("input").click(function(){
      $("div").toggle("slow");
    });
  });
  </script>
  <style>
  div { width:50px; height:30px; margin:5px; float:left;
          background:green; }
  </style>
</head>
<body>
  <p><input type="button" value="Run"/> <button>Toggle fx</button></p>
<div></div>
</body>
</html>

Try it yourself

Was this information helpful?

Yes No

Comments