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

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

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()

jQuery Examples

jQuery Examples Navigation

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

Function jQuery $

One of the important concepts in jQuery is a call to '$'.

'$' Is a pseudonym for the space 'jQuery'.

Few simple examples of using jQuery

Examples

Example 1

jQuery provides a function that removes extra spaces from a string

str = "    foo     ";
jQuery.trim(str); // returns "foo"

The output of the code above will be:

Try it yourself

Example 1a

jQuery provides a function that removes extra spaces from a string: shortest way

str = "    foo     ";
$.trim(str); // returns "foo"

The output of the code above will be:

Try it yourself

This example is similar to the previous one. Use '$' instead of 'jQuery' is a simpler and shorter way to refer to objects with the jQuery library

Example 2

The following function adds a class called bar for all paragraphs (p) that have a class named foo

$("p.foo").addClass("bar");

The output of the code above will be:

Try it yourself

Example 3

In the following example function with name 'myfunc' is executed immediately after loading the page:

$(document).ready(function() {
    myfunc();
});

Try it yourself

Example 4

In the following example for each even row is added class name oddStripe, and for the odd rows - class name evenStripe

$(document).ready(function() {
  // Stripe all the tables in the document using the 
oddStripe and evenStripe CSS classes.
  $('tr:odd').addClass("oddStripe");
  $('tr:even').addClass("evenStripe");
});

The output of the code above will be:

Try it yourself

Was this information helpful?

Yes No

Comments