An expression to search with, or a string of HTML to create on the fly. This function accepts a string containing a CSS selector, basic XPath, or raw HTML, which is then used to match a set of elements. The HTML string is different from the traditional selectors in that it creates the DOM elements representing that HTML string, on the fly, to be (assumedly) inserted into the document later. The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS or XPath), which then finds all matching elements and remembers them for later use. By default, $() looks for DOM elements within the context of the current HTML document. This finds all p elements that are children of a div element. one <div>two</div> three $("div > p") [ two ] Creates a div element (and all of its contents) dynamically, and appends it to the element with the ID of body. $("<div>Hello</div>").appendTo("#body") An expression to search with. A DOM Element, or Document, representing the base context. This function accepts a string containing a CSS selector, or basic XPath, which is then used to match a set of elements with the context of the specified DOM element, or document This finds all div elements within the specified XML document. $("div", xml.responseXML) A DOM element to be encapsulated by a jQuery object. Wrap jQuery functionality around a specific DOM Element. This function also accepts XML Documents and Window objects as valid arguments (even though they are not DOM Elements). $(document).find("div > p") [ two ] one <div>two</div> three Sets the background color of the page to black. $(document.body).background( "black" ); An array of DOM elements to be encapsulated by a jQuery object. Wrap jQuery functionality around a set of DOM Elements. Hides all the input elements within a form $( myForm.elements ).hide() The function to execute when the DOM is ready. A shorthand for $(document).ready(), allowing you to bind a function to be executed when the DOM document has finished loading. This function behaves just like $(document).ready(), in that it should be used to wrap all of the other $() operations on your page. While this function is, technically, chainable - there really isn't much use for chaining against it. Executes the function when the DOM is ready to be used.

$(function(){
  // Document is ready
});

The jQuery object to be cloned. A means of creating a cloned copy of a jQuery object. This function copies the set of matched elements from one jQuery object and creates another, new, jQuery object containing the same elements. Locates all p elements with all div elements, without disrupting the original jQuery object contained in 'div' (as would normally be the case if a simple div.find("p") was done).

var div = $("div");
$( div ).find("p");

The current SVN version of jQuery. The number of elements currently matched. $("img").length; 2 <img src="test1.jpg"/> <img src="test2.jpg"/> ok( $("div").length == 2, "Get Number of Elements Found" ); The number of elements currently matched. ok( $("div").size() == 2, "Get Number of Elements Found" ); $("img").size(); 2 <img src="test1.jpg"/> <img src="test2.jpg"/> Access all matched elements. This serves as a backwards-compatible way of accessing all matched elements (other than the jQuery object itself, which is, in fact, an array of elements). isSet( $("div").get(), q("main","foo"), "Get All Elements" ); $("img").get(); [ <img src="test1.jpg"/> <img src="test2.jpg"/> ] <img src="test1.jpg"/> <img src="test2.jpg"/> Access the element in the Nth position. Access a single matched element. num is used to access the Nth element matched. ok( $("div").get(0) == document.getElementById("main"), "Get A Single Element" ); $("img").get(1); [ <img src="test1.jpg"/> ] <img src="test1.jpg"/> <img src="test2.jpg"/> Set the jQuery object to an array of elements. An array of elements $("img").get([ document.body ]); $("img").get() == [ document.body ] A function to execute Execute a function within the context of every matched element. This means that every time the passed-in function is executed (which is once for every element matched) the 'this' keyword points to the specific element. Additionally, the function, when executed, is passed a single argument representing the position of the element in the matched set. var div = $("div"); div.each(function(){this.foo = 'zoo';}); var pass = true; for ( var i = 0; i < div.size(); i++ ) { if ( div.get(i).foo != "zoo" ) pass = false; } ok( pass, "Execute a function, Relative" );

$("img").each(function(){
  this.src = "test.jpg";
});

$("img").each(function(i){
  alert( "Image #" + i + " is " + this );
});

<img src="test.jpg"/> <img src="test.jpg"/> <img/> <img/> Object to search for Searches every matched element for the object and returns the index of the element, if found, starting with zero. Returns -1 if the object wasn't found. ok( $([window, document]).index(window) == 0, "Check for index of elements" ); ok( $([window, document]).index(document) == 1, "Check for index of elements" ); var inputElements = $('#radio1,#radio2,#check1,#check2'); ok( inputElements.index(document.getElementById('radio1')) == 0, "Check for index of elements" ); ok( inputElements.index(document.getElementById('radio2')) == 1, "Check for index of elements" ); ok( inputElements.index(document.getElementById('check1')) == 2, "Check for index of elements" ); ok( inputElements.index(document.getElementById('check2')) == 3, "Check for index of elements" ); ok( inputElements.index(window) == -1, "Check for not found index" ); ok( inputElements.index(document) == -1, "Check for not found index" ); $("*").index(document.getElementById('foobar')) 0 <div id="foobar"></div> $("*").index(document.getElementById('foo')) 2 <div id="foobar"></div> $("*").index(document.getElementById('bar')) -1 <div id="foobar"></div> The name of the property to access. Access a property on the first matched element. This method makes it easy to retrieve a property value from the first matched element. ok( $('#text1').attr('value') == "Test", 'Check for value attribute' ); ok( $('#text1').attr('type') == "text", 'Check for type attribute' ); ok( $('#radio1').attr('type') == "radio", 'Check for type attribute' ); ok( $('#check1').attr('type') == "checkbox", 'Check for type attribute' ); ok( $('#simon1').attr('rel') == "bookmark", 'Check for rel attribute' ); ok( $('#google').attr('title') == "Google!", 'Check for title attribute' ); ok( $('#mark').attr('hreflang') == "en", 'Check for hreflang attribute' ); ok( $('#en').attr('lang') == "en", 'Check for lang attribute' ); ok( $('#simon').attr('class') == "blog link", 'Check for class attribute' ); ok( $('#name').attr('name') == "name", 'Check for name attribute' ); ok( $('#text1').attr('name') == "action", 'Check for name attribute' ); ok( $('#form').attr('action') == "formaction", 'Check for action attribute' ); $("img").attr("src"); test.jpg <img src="test.jpg"/> A set of key/value pairs to set as object properties. Set a hash of key/value object properties to all matched elements. This serves as the best way to set a large number of properties on all matched elements. var pass = true; $("div").attr({foo: 'baz', zoo: 'ping'}).each(function(){ if ( this.getAttribute('foo') != "baz" && this.getAttribute('zoo') != "ping" ) pass = false; }); ok( pass, "Set Multiple Attributes" ); $("img").attr({ src: "test.jpg", alt: "Test Image" }); <img src="test.jpg" alt="Test Image"/> <img/> The name of the property to set. The value to set the property to. Set a single property to a value, on all matched elements. var div = $("div"); div.attr("foo", "bar"); var pass = true; for ( var i = 0; i < div.size(); i++ ) { if ( div.get(i).getAttribute('foo') != "bar" ) pass = false; } ok( pass, "Set Attribute" ); $("#name").attr('name', 'something'); ok( $("#name").name() == 'something', 'Set name attribute' ); $("#check2").attr('checked', true); ok( document.getElementById('check2').checked == true, 'Set checked attribute' ); $("#check2").attr('checked', false); ok( document.getElementById('check2').checked == false, 'Set checked attribute' ); $("img").attr("src","test.jpg"); <img src="test.jpg"/> <img/> The name of the property to access. Access a style property on the first matched element. This method makes it easy to retrieve a style property value from the first matched element. ok( $('#foo').css("display") == 'block', 'Check for css property "display"'); Retrieves the color style of the first paragraph Test Paragraph. $("p").css("color"); red Retrieves the font-weight style of the first paragraph. Note that for all style properties with a dash (like 'font-weight'), you have to write it in camelCase. In other words: Every time you have a '-' in a property, remove it and replace the next character with an uppercase representation of itself. Eg. fontWeight, fontSize, fontFamily, borderWidth, borderStyle, borderBottomWidth etc. Test Paragraph. $("p").css("fontWeight"); bold A set of key/value pairs to set as style properties. Set a hash of key/value style properties to all matched elements. This serves as the best way to set a large number of style properties on all matched elements. ok( $('#foo').is(':visible'), 'Modifying CSS display: Assert element is visible'); $('#foo').css({display: 'none'}); ok( !$('#foo').is(':visible'), 'Modified CSS display: Assert element is hidden'); $('#foo').css({display: 'block'}); ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible'); $("p").css({ color: "red", background: "blue" }); Test Paragraph. Test Paragraph. The name of the property to set. The value to set the property to. Set a single style property to a value, on all matched elements. ok( $('#foo').is(':visible'), 'Modifying CSS display: Assert element is visible'); $('#foo').css('display', 'none'); ok( !$('#foo').is(':visible'), 'Modified CSS display: Assert element is hidden'); $('#foo').css('display', 'block'); ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible'); Changes the color of all paragraphs to red Test Paragraph. $("p").css("color","red"); Test Paragraph. Retrieve the text contents of all matched elements. The result is a string that contains the combined text contents of all matched elements. This method works on both HTML and XML documents. var expected = "This link has class=\"blog\": Simon Willison's Weblog"; ok( $('#sap').text() == expected, 'Check for merged text of more then one element.' ); $("p").text(); Test Paragraph. Test Paragraph. A string of HTML, that will be created on the fly and wrapped around the target. Wrap all matched elements with a structure of other elements. This wrapping process is most useful for injecting additional stucture into a document, without ruining the original semantic qualities of a document. This works by going through the first element provided (which is generated, on the fly, from the provided HTML) and finds the deepest ancestor element within its structure - it is that element that will en-wrap everything else. This does not work with elements that contain text. Any necessary text must be added after the wrapping is done. var defaultText = 'Try them out:' var result = $('#first').wrap('<div class="red"></div>').text(); ok( defaultText == result, 'Check for wrapping of on-the-fly html' ); ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' ); $("p").wrap("<div class='wrap'></div>"); <div class='wrap'>Test Paragraph.</div> Test Paragraph. A DOM element that will be wrapped. Wrap all matched elements with a structure of other elements. This wrapping process is most useful for injecting additional stucture into a document, without ruining the original semantic qualities of a document. This works by going through the first element provided and finding the deepest ancestor element within its structure - it is that element that will en-wrap everything else. This does not work with elements that contain text. Any necessary text must be added after the wrapping is done. var defaultText = 'Try them out:' var result = $('#first').wrap(document.getElementById('empty')).parent(); ok( result.is('ol'), 'Check for element wrapping' ); ok( result.text() == defaultText, 'Check for element wrapping' ); $("p").wrap( document.getElementById('content') ); <div id="content">Test Paragraph.</div> Test Paragraph.<div id="content"></div> A string of HTML, that will be created on the fly and appended to the target. Append any number of elements to the inside of every matched elements, generated from the provided HTML. This operation is similar to doing an appendChild to all the specified elements, adding them into the document. var defaultText = 'Try them out:' var result = $('#first').append('buga'); ok( result.text() == defaultText + 'buga', 'Check if text appending works' ); $("p").append("Hello"); I would like to say: Hello I would like to say: A DOM element that will be appended. Append an element to the inside of all matched elements. This operation is similar to doing an appendChild to all the specified elements, adding them into the document. var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:"; $('#sap').append(document.getElementById('first')); ok( expected == $('#sap').text(), "Check for appending of element" ); $("p").append( $("#foo")[0] ); I would like to say: Hello I would like to say: Hello An array of elements, all of which will be appended. Append any number of elements to the inside of all matched elements. This operation is similar to doing an appendChild to all the specified elements, adding them into the document. var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo"; $('#sap').append([document.getElementById('first'), document.getElementById('yahoo')]); ok( expected == $('#sap').text(), "Check for appending of array of elements" ); $("p").append( $("b") ); I would like to say: Hello I would like to say: Hello A string of HTML, that will be created on the fly and appended to the target. Prepend any number of elements to the inside of every matched elements, generated from the provided HTML. This operation is the best way to insert dynamically created elements inside, at the beginning, of all the matched element. var defaultText = 'Try them out:' var result = $('#first').prepend('buga'); ok( result.text() == 'buga' + defaultText, 'Check if text prepending works' ); $("p").prepend("Hello"); HelloI would like to say: I would like to say: A DOM element that will be appended. Prepend an element to the inside of all matched elements. This operation is the best way to insert an element inside, at the beginning, of all the matched element. var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog"; $('#sap').prepend(document.getElementById('first')); ok( expected == $('#sap').text(), "Check for prepending of element" ); $("p").prepend( $("#foo")[0] ); HelloI would like to say: I would like to say: Hello An array of elements, all of which will be appended. Prepend any number of elements to the inside of all matched elements. This operation is the best way to insert a set of elements inside, at the beginning, of all the matched element. var expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog"; $('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]); ok( expected == $('#sap').text(), "Check for prepending of array of elements" ); $("p").prepend( $("b") ); HelloI would like to say: I would like to say: Hello A string of HTML, that will be created on the fly and appended to the target. Insert any number of dynamically generated elements before each of the matched elements. var expected = 'This is a normal link: bugaYahoo'; $('#yahoo').before('buga'); ok( expected == $('#en').text(), 'Insert String before' ); $("p").before("Hello"); HelloI would like to say: I would like to say: A DOM element that will be appended. Insert an element before each of the matched elements. var expected = "This is a normal link: Try them out:Yahoo"; $('#yahoo').before(document.getElementById('first')); ok( expected == $('#en').text(), "Insert element before" ); $("p").before( $("#foo")[0] ); HelloI would like to say: I would like to say: Hello An array of elements, all of which will be appended. Insert any number of elements before each of the matched elements. var expected = "This is a normal link: Try them out:diveintomarkYahoo"; $('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]); ok( expected == $('#en').text(), "Insert array of elements before" ); $("p").before( $("b") ); HelloI would like to say: I would like to say: Hello A string of HTML, that will be created on the fly and appended to the target. Insert any number of dynamically generated elements after each of the matched elements. var expected = 'This is a normal link: Yahoobuga'; $('#yahoo').after('buga'); ok( expected == $('#en').text(), 'Insert String after' ); $("p").after("Hello"); I would like to say: Hello I would like to say: A DOM element that will be appended. Insert an element after each of the matched elements. var expected = "This is a normal link: YahooTry them out:"; $('#yahoo').after(document.getElementById('first')); ok( expected == $('#en').text(), "Insert element after" ); $("p").after( $("#foo")[0] ); I would like to say: Hello HelloI would like to say: An array of elements, all of which will be appended. Insert any number of elements after each of the matched elements. var expected = "This is a normal link: YahooTry them out:diveintomark"; $('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]); ok( expected == $('#en').text(), "Insert array of elements after" ); $("p").after( $("b") ); I would like to say: Hello HelloI would like to say: End the most recent 'destructive' operation, reverting the list of matched elements back to its previous state. After an end operation, the list of matched elements will revert to the last state of matched elements. ok( 'Yahoo' == $('#yahoo').parent().end().text(), 'Check for end' ); $("p").find("span").end(); $("p").find("span").end() == [ ... ] Hello, how are you? An expression to search with. Searches for all elements that match the specified expression. This method is the optimal way of finding additional descendant elements with which to process. All searching is done using a jQuery expression. The expression can be written using CSS 1-3 Selector syntax, or basic XPath. ok( 'Yahoo' == $('#foo').find('.blogTest').text(), 'Check for find' ); $("p").find("span"); $("p").find("span") == [ Hello ] Hello, how are you? Create cloned copies of all matched DOM Elements. This does not create a cloned copy of this particular jQuery object, instead it creates duplicate copies of all DOM Elements. This is useful for moving copies of the elements to another location in the DOM. ok( 'This is a normal link: Yahoo' == $('#en').text(), 'Assert text for #en' ); var clone = $('#yahoo').clone(); ok( 'Try them out:Yahoo' == $('#first').append(clone).text(), 'Check for clone' ); ok( 'This is a normal link: Yahoo' == $('#en').text(), 'Reassert text for #en' ); $("b").clone().prependTo("p"); HelloHello, how are you? Hello, how are you? An expression to search with. Removes all elements from the set of matched elements that do not match the specified expression. This method is used to narrow down the results of a search. All searching is done using a jQuery expression. The expression can be written using CSS 1-3 Selector syntax, or basic XPath. isSet( $("input").filter(":checked").get(), q("radio2", "check1"), "Filter elements" ); $("p").filter(".selected") $("p").filter(".selected") == [ Hello ] HelloHow are you? A set of expressions to evaluate against Removes all elements from the set of matched elements that do not match at least one of the expressions passed to the function. This method is used when you want to filter the set of matched elements through more than one expression. Elements will be retained in the jQuery object if they match at least one of the expressions passed. $("p").filter([".selected", ":first"]) $("p").filter([".selected", ":first"]) == [ Hello, And Again ] HelloHello AgainAnd Again An element to remove from the set Removes the specified Element from the set of matched elements. This method is used to remove a single Element from a jQuery object. $("p").not( document.getElementById("selected") ) [ Hello ] HelloHello Again An expression with which to remove matching elements Removes elements matching the specified expression from the set of matched elements. This method is used to remove one or more elements from a jQuery object. ok($("#main > p#ap > a").not("#google").length == 2, ".not") $("p").not("#selected") [ Hello ] HelloHello Again An expression whose matched elements are added Adds the elements matched by the expression to the jQuery object. This can be used to concatenate the result sets of two expressions. $("p").add("span") [ Hello, Hello Again ] HelloHello Again An array of Elements to add Adds each of the Elements in the array to the set of matched elements. This is used to add a set of Elements to a jQuery object. $("p").add([document.getElementById("a"), document.getElementById("b")]) [ Hello, Hello Again, And Again ] HelloHello AgainAnd Again An Element to add Adds a single Element to the set of matched elements. This is used to add a single Element to a jQuery object. $("p").add( document.getElementById("a") ) [ Hello, Hello Again ] HelloHello Again The expression with which to filter Checks the current selection against an expression and returns true, if the selection fits the given expression. Does return false, if the selection does not fit or the expression is not valid. ok( $('#form').is('form'), 'Check for element: A form must be a form' ); ok( !$('#form').is('div'), 'Check for element: A form is not a div' ); ok( $('#mark').is('.blog'), 'Check for class: Expected class "blog"' ); ok( !$('#mark').is('.link'), 'Check for class: Did not expect class "link"' ); ok( $('#simon').is('.blog.link'), 'Check for multiple classes: Expected classes "blog" and "link"' ); ok( !$('#simon').is('.blogTest'), 'Check for multiple classes: Expected classes "blog" and "link", but not "blogTest"' ); ok( $('#en').is('[@lang="en"]'), 'Check for attribute: Expected attribute lang to be "en"' ); ok( !$('#en').is('[@lang="de"]'), 'Check for attribute: Expected attribute lang to be "en", not "de"' ); ok( $('#text1').is('[@type="text"]'), 'Check for attribute: Expected attribute type to be "text"' ); ok( !$('#text1').is('[@type="radio"]'), 'Check for attribute: Expected attribute type to be "text", not "radio"' ); ok( $('#text2').is(':disabled'), 'Check for pseudoclass: Expected to be disabled' ); ok( !$('#text1').is(':disabled'), 'Check for pseudoclass: Expected not disabled' ); ok( $('#radio2').is(':checked'), 'Check for pseudoclass: Expected to be checked' ); ok( !$('#radio1').is(':checked'), 'Check for pseudoclass: Expected not checked' ); ok( $('#foo').is('[p]'), 'Check for child: Expected a child "p" element' ); ok( !$('#foo').is('[ul]'), 'Check for child: Did not expect "ul" element' ); ok( $('#foo').is('[p][a][code]'), 'Check for childs: Expected "p", "a" and "code" child elements' ); ok( !$('#foo').is('[p][a][code][ol]'), 'Check for childs: Expected "p", "a" and "code" child elements, but no "ol"' ); ok( !$('#foo').is(0), 'Expected false for an invalid expression - 0' ); ok( !$('#foo').is(null), 'Expected false for an invalid expression - null' ); ok( !$('#foo').is(''), 'Expected false for an invalid expression - ""' ); ok( !$('#foo').is(undefined), 'Expected false for an invalid expression - undefined' ); Returns true, because the parent of the input is a form element <form><input type="checkbox" /></form> $("input[@type='checkbox']").parent().is("form") true Returns false, because the parent of the input is a p element <form><input type="checkbox" /></form> $("input[@type='checkbox']").parent().is("form") false An invalid expression always returns false. <form></form> $("form").is(null) false The function doing the DOM manipulation. Extends the jQuery object itself. Can be used to add both static functions and plugin methods. Adds two plugin methods.

$.fn.extend({
  check: function() {
    this.each(function() { this.checked = true; });
  ),
  uncheck: function() {
    this.each(function() { this.checked = false; });
  }
});
$("input[@type=checkbox]").check();
$("input[@type=radio]").uncheck();

The object to extend The object that will be merged into the first. Extend one object with another, returning the original, modified, object. This is a great utility for simple inheritance. var settings = { xnumber1: 5, xnumber2: 7, xstring1: "peter", xstring2: "pan" }; var options = { xnumber2: 1, xstring2: "x", xxx: "newstring" }; var optionsCopy = { xnumber2: 1, xstring2: "x", xxx: "newstring" }; var merged = { xnumber1: 5, xnumber2: 1, xstring1: "peter", xstring2: "x", xxx: "newstring" }; jQuery.extend(settings, options); isSet( settings, merged, "Check if extended: settings must be extended" ); isSet ( options, optionsCopy, "Check if not modified: options must not be modified" );

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

settings == { validate: true, limit: 5, name: "bar" } The object, or array, to iterate over. The function that will be executed on every object. A generic iterator function, which can be used to seemlessly iterate over both objects and arrays. This function is not the same as $().each() - which is used to iterate, exclusively, over a jQuery object. This function can be used to iterate over anything. This is an example of iterating over the items in an array, accessing both the current item and its index.

$.each( [0,1,2], function(i){
  alert( "Item #" + i + ": " + this );
});

This is an example of iterating over the properties in an Object, accessing both the current item and its key.

$.each( { name: "John", lang: "JS" }, function(i){
  alert( "Name: " + i + ", Value: " + this );
});

t( "Element Selector", "div", ["main","foo"] ); t( "Element Selector", "body", ["body"] ); t( "Element Selector", "html", ["html"] ); ok( $("*").size() >= 30, "Element Selector" ); t( "Parent Element", "div div", ["foo"] ); t( "ID Selector", "#body", ["body"] ); t( "ID Selector w/ Element", "body#body", ["body"] ); t( "ID Selector w/ Element", "ul#first", [] ); t( "Class Selector", ".blog", ["mark","simon"] ); t( "Class Selector", ".blog.link", ["simon"] ); t( "Class Selector w/ Element", "a.blog", ["mark","simon"] ); t( "Parent Class Selector", "p .blog", ["mark","simon"] ); t( "Comma Support", "a.blog, div", ["mark","simon","main","foo"] ); t( "Comma Support", "a.blog , div", ["mark","simon","main","foo"] ); t( "Comma Support", "a.blog ,div", ["mark","simon","main","foo"] ); t( "Comma Support", "a.blog,div", ["mark","simon","main","foo"] ); t( "Child", "p > a", ["simon1","google","groups","mark","yahoo","simon"] ); t( "Child", "p> a", ["simon1","google","groups","mark","yahoo","simon"] ); t( "Child", "p >a", ["simon1","google","groups","mark","yahoo","simon"] ); t( "Child", "p>a", ["simon1","google","groups","mark","yahoo","simon"] ); t( "Child w/ Class", "p > a.blog", ["mark","simon"] ); t( "All Children", "code > *", ["anchor1","anchor2"] ); t( "All Grandchildren", "p > * > *", ["anchor1","anchor2"] ); t( "Adjacent", "a + a", ["groups"] ); t( "Adjacent", "a +a", ["groups"] ); t( "Adjacent", "a+ a", ["groups"] ); t( "Adjacent", "a+a", ["groups"] ); t( "Adjacent", "p + p", ["ap","en","sap"] ); t( "Comma, Child, and Adjacent", "a + a, code > a", ["groups","anchor1","anchor2"] ); t( "First Child", "p:first-child", ["firstp","sndp"] ); t( "Attribute Exists", "a[@title]", ["google"] ); t( "Attribute Exists", "*[@title]", ["google"] ); t( "Attribute Exists", "[@title]", ["google"] ); t( "Non-existing part of attribute [@name*=bla]", "[@name*=bla]", [] ); t( "Non-existing start of attribute [@name^=bla]", "[@name^=bla]", [] ); t( "Non-existing end of attribute [@name$=bla]", "[@name$=bla]", [] ); t( "Attribute Equals", "a[@rel='bookmark']", ["simon1"] ); t( "Attribute Equals", 'a[@rel="bookmark"]', ["simon1"] ); t( "Attribute Equals", "a[@rel=bookmark]", ["simon1"] ); t( "Multiple Attribute Equals", "input[@type='hidden'],input[@type='radio']", ["hidden1","radio1","radio2"] ); t( "Multiple Attribute Equals", "input[@type=\"hidden\"],input[@type='radio']", ["hidden1","radio1","radio2"] ); t( "Multiple Attribute Equals", "input[@type=hidden],input[@type=radio]", ["hidden1","radio1","radio2"] ); t( "Attribute Begins With", "a[@href ^= 'http://www']", ["google","yahoo"] ); t( "Attribute Ends With", "a[@href $= 'org/']", ["mark"] ); t( "Attribute Contains", "a[@href *= 'google']", ["google","groups"] ); t( "First Child", "p:first-child", ["firstp","sndp"] ); t( "Last Child", "p:last-child", ["sap"] ); t( "Only Child", "a:only-child", ["simon1","anchor1","yahoo","anchor2"] ); t( "Empty", "ul:empty", ["firstUL"] ); t( "Enabled UI Element", "input:enabled", ["text1","radio1","radio2","check1","check2","hidden1","hidden2","name"] ); t( "Disabled UI Element", "input:disabled", ["text2"] ); t( "Checked UI Element", "input:checked", ["radio2","check1"] ); t( "Selected Option Element", "option:selected", ["option1a","option2d","option3b","option3c"] ); t( "Text Contains", "a:contains('Google')", ["google","groups"] ); t( "Text Contains", "a:contains('Google Groups')", ["groups"] ); t( "Element Preceded By", "p ~ div", ["foo"] ); t( "Not", "a.blog:not(.link)", ["mark"] ); ok( jQuery.find("//*").length >= 30, "All Elements (//*)" ); t( "All Div Elements", "//div", ["main","foo"] ); t( "Absolute Path", "/html/body", ["body"] ); t( "Absolute Path w/ *", "/* /body", ["body"] ); t( "Long Absolute Path", "/html/body/dl/div/div/p", ["sndp","en","sap"] ); t( "Absolute and Relative Paths", "/html//div", ["main","foo"] ); t( "All Children, Explicit", "//code/*", ["anchor1","anchor2"] ); t( "All Children, Implicit", "//code/", ["anchor1","anchor2"] ); t( "Attribute Exists", "//a[@title]", ["google"] ); t( "Attribute Equals", "//a[@rel='bookmark']", ["simon1"] ); t( "Parent Axis", "//p/..", ["main","foo"] ); t( "Sibling Axis", "//p/../", ["firstp","ap","foo","first","firstUL","empty","form","sndp","en","sap"] ); t( "Sibling Axis", "//p/../*", ["firstp","ap","foo","first","firstUL","empty","form","sndp","en","sap"] ); t( "Has Children", "//p[a]", ["firstp","ap","en","sap"] ); t( "nth Element", "p:nth(1)", ["ap"] ); t( "First Element", "p:first", ["firstp"] ); t( "Last Element", "p:last", ["first"] ); t( "Even Elements", "p:even", ["firstp","sndp","sap"] ); t( "Odd Elements", "p:odd", ["ap","en","first"] ); t( "Position Equals", "p:eq(1)", ["ap"] ); t( "Position Greater Than", "p:gt(0)", ["ap","sndp","en","sap","first"] ); t( "Position Less Than", "p:lt(3)", ["firstp","ap","sndp"] ); t( "Is A Parent", "p:parent", ["firstp","ap","sndp","en","sap","first"] ); t( "Is Visible", "input:visible", ["text1","text2","radio1","radio2","check1","check2","name"] ); t( "Is Hidden", "input:hidden", ["hidden1","hidden2"] ); t( "Grouped Form Elements", "input[@name='foo[bar]']", ["hidden2"] ); t( "All Children of ID", "#foo/*", ["sndp", "en", "sap"] ); t( "All Children of ID with no children", "#firstUL/*", [] ); t( ":not() Existing attribute", "input:not([@name])", ["text2", "check2"]); t( ":not() Equals attribute", "select:not([@name=select1])", ["select2", "select3"]); t( ":not() Equals quoted attribute", "select:not([@name='select1'])", ["select2", "select3"]); The string to trim. Remove the whitespace from the beginning and end of a string. $.trim(" hello, how are you? "); "hello, how are you?" All ancestors of a given element. The element to find the ancestors of. All elements on a specified axis. The element to find all the siblings of (including itself). The first array to merge. The second array to merge. Merge two arrays together, removing all duplicates. The final order or the new array is: All the results from the first array, followed by the unique results from the second array. $.merge( [0,1,2], [2,3,4] ) [0,1,2,3,4] $.merge( [3,2,1], [4,3,2] ) [3,2,1,4] The Array to find items in. The function to process each item against. Invert the selection - select the opposite of the function. Filter items out of an array, by using a filter function. The specified function will be passed two arguments: The current array item and the index of the item in the array. The function should return 'true' if you wish to keep the item in the array, false if it should be removed.

$.grep( [0,1,2], function(i){
  return i > 0;
});

[1, 2] The Array to translate. The function to process each item against. Translate all items in an array to another array of items. The translation function that is provided to this method is called for each item in the array and is passed one argument: The item to be translated. The function can then return: The translated value, 'null' (to remove the item), or an array of values - which will be flattened into the full array.

$.map( [0,1,2], function(i){
  return i + 4;
});

[4, 5, 6]

$.map( [0,1,2], function(i){
  return i > 0 ? i + 1 : null;
});

[2, 3]

$.map( [0,1,2], function(i){
  return [ i, i + 1 ];
});

[0, 1, 1, 2, 2, 3] A jQuery expression of elements to match. Append all of the matched elements to another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).append(B), in that instead of appending B to A, you're appending A to B. $("p").appendTo("#foo"); <div id="foo">I would like to say: </div> I would like to say: <div id="foo"></div> A jQuery expression of elements to match. Prepend all of the matched elements to another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).prepend(B), in that instead of prepending B to A, you're prepending A to B. $("p").prependTo("#foo"); <div id="foo">I would like to say: Hello</div> I would like to say: <div id="foo">Hello</div> A jQuery expression of elements to match. Insert all of the matched elements before another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).before(B), in that instead of inserting B before A, you're inserting A before B. $("p").insertBefore("#foo"); I would like to say: <div id="foo">Hello</div> <div id="foo">Hello</div>I would like to say: A jQuery expression of elements to match. Insert all of the matched elements after another, specified, set of elements. This operation is, essentially, the reverse of doing a regular $(A).after(B), in that instead of inserting B after A, you're inserting A after B. $("p").insertAfter("#foo"); <div id="foo">Hello</div>I would like to say: I would like to say: <div id="foo">Hello</div> Get the current CSS width of the first matched element. $("p").width(); "300px" This is just a test. Set the CSS property to the specified value. Set the CSS width of every matched element. Be sure to include the "px" (or other unit of measurement) after the number that you specify, otherwise you might get strange results. $("p").width("20px"); This is just a test. This is just a test. Get the current CSS height of the first matched element. $("p").height(); "14px" This is just a test. Set the CSS property to the specified value. Set the CSS height of every matched element. Be sure to include the "px" (or other unit of measurement) after the number that you specify, otherwise you might get strange results. $("p").height("20px"); This is just a test. This is just a test. Get the current CSS top of the first matched element. $("p").top(); "0px" This is just a test. Set the CSS property to the specified value. Set the CSS top of every matched element. Be sure to include the "px" (or other unit of measurement) after the number that you specify, otherwise you might get strange results. $("p").top("20px"); This is just a test. This is just a test. Get the current CSS left of the first matched element. $("p").left(); "0px" This is just a test. Set the CSS property to the specified value. Set the CSS left of every matched element. Be sure to include the "px" (or other unit of measurement) after the number that you specify, otherwise you might get strange results. $("p").left("20px"); This is just a test. This is just a test. Get the current CSS position of the first matched element. $("p").position(); "static" This is just a test. Set the CSS property to the specified value. Set the CSS position of every matched element. $("p").position("relative"); This is just a test. This is just a test. Get the current CSS float of the first matched element. $("p").float(); "none" This is just a test. Set the CSS property to the specified value. Set the CSS float of every matched element. $("p").float("left"); This is just a test. This is just a test. Get the current CSS overflow of the first matched element. $("p").overflow(); "none" This is just a test. Set the CSS property to the specified value. Set the CSS overflow of every matched element. $("p").overflow("auto"); This is just a test. This is just a test. Get the current CSS color of the first matched element. $("p").color(); "black" This is just a test. Set the CSS property to the specified value. Set the CSS color of every matched element. $("p").color("blue"); This is just a test. This is just a test. Get the current CSS background of the first matched element. $("p").background(); "blue" This is just a test. Set the CSS property to the specified value. Set the CSS background of every matched element. $("p").background("blue"); This is just a test. This is just a test. The index of the element that you wish to limit to. Reduce the set of matched elements to a single element. The position of the element in the set of matched elements starts at 0 and goes to length - 1. $("p").eq(1) [ So is this ] This is just a test.So is this Reduce the set to all elements below this position. Reduce the set of matched elements to all elements before a given position. The position of the element in the set of matched elements starts at 0 and goes to length - 1. $("p").lt(1) [ This is just a test. ] This is just a test.So is this Reduce the set to all elements after this position. Reduce the set of matched elements to all elements after a given position. The position of the element in the set of matched elements starts at 0 and goes to length - 1. $("p").gt(0) [ So is this ] This is just a test.So is this The string that will be contained within the text of an element. Filter the set of elements to those that contain the specified text. $("p").contains("test") [ This is just a test. ] This is just a test.So is this Get the current value of the first matched element. ok( $("#text1").val() == "Test", "Check for value of input element" ); ok( !$("#text1").val() == "", "Check for value of input element" ); $("input").val(); "some text" <input type="text" value="some text"/> Set the property to the specified value. Set the value of every matched element. document.getElementById('text1').value = "bla"; ok( $("#text1").val() == "bla", "Check for modified value of input element" ); $("#text1").val('test'); ok ( document.getElementById('text1').value == "test", "Check for modified (via val(String)) value of input element" ); $("input").value("test"); <input type="text" value="test"/> <input type="text" value="some text"/> Get the html contents of the first matched element. $("div").html(); <input/> <div><input/></div> Set the html contents to the specified value. Set the html contents of every matched element. var div = $("div"); div.html("test"); var pass = true; for ( var i = 0; i < div.size(); i++ ) { if ( div.get(i).childNodes.length == 0 ) pass = false; } ok( pass, "Set HTML" ); $("div").html("new stuff"); <div>new stuff</div> <div><input/></div> Get the current id of the first matched element. $("input").id(); "test" <input type="text" id="test" value="some text"/> Set the property to the specified value. Set the id of every matched element. $("input").id("newid"); <input type="text" id="newid" value="some text"/> <input type="text" id="test" value="some text"/> Get the current title of the first matched element. $("img").title(); "my image" <img src="test.jpg" title="my image"/> Set the property to the specified value. Set the title of every matched element. $("img").title("new title"); <img src="test.jpg" title="new image"/> <img src="test.jpg" title="my image"/> Get the current name of the first matched element. $("input").name(); "username" <input type="text" name="username"/> Set the property to the specified value. Set the name of every matched element. $("input").name("user"); <input type="text" name="user"/> <input type="text" name="username"/> Get the current href of the first matched element. $("a").href(); "test.html" <a href="test.html">my link</a> Set the property to the specified value. Set the href of every matched element. $("a").href("test2.html"); <a href="test2.html">my link</a> <a href="test.html">my link</a> Get the current src of the first matched element. $("img").src(); "test.jpg" <img src="test.jpg" title="my image"/> Set the property to the specified value. Set the src of every matched element. $("img").src("test2.jpg"); <img src="test2.jpg" title="my image"/> <img src="test.jpg" title="my image"/> Get the current rel of the first matched element. $("a").rel(); "nofollow" <a href="test.html" rel="nofollow">my link</a> Set the property to the specified value. Set the rel of every matched element. $("a").rel("nofollow"); <a href="test.html" rel="nofollow">my link</a> <a href="test.html">my link</a> Get a set of elements containing the unique parents of the matched set of elements. $("p").parent() [ <div>HelloHello</div> ] <div>HelloHello</div> An expression to filter the parents with Get a set of elements containing the unique parents of the matched set of elements, and filtered by an expression. $("p").parent(".selected") [ <div class="selected">Hello Again</div> ] <div>Hello</div><div class="selected">Hello Again</div> Get a set of elements containing the unique ancestors of the matched set of elements (except for the root element). $("span").ancestors() [ <body>...</body>, <div>...</div>, Hello ] <html><body><div>HelloHello Again</div></body></html> An expression to filter the ancestors with Get a set of elements containing the unique ancestors of the matched set of elements, and filtered by an expression. $("span").ancestors("p") [ Hello ] <html><body><div>HelloHello Again</div></body></html> Get a set of elements containing the unique ancestors of the matched set of elements (except for the root element). $("span").ancestors() [ <body>...</body>, <div>...</div>, Hello ] <html><body><div>HelloHello Again</div></body></html> An expression to filter the ancestors with Get a set of elements containing the unique ancestors of the matched set of elements, and filtered by an expression. $("span").ancestors("p") [ Hello ] <html><body><div>HelloHello Again</div></body></html> Get a set of elements containing the unique next siblings of each of the matched set of elements. It only returns the very next sibling, not all next siblings. $("p").next() [ Hello Again, <div>And Again</div> ] HelloHello Again<div>And Again</div> An expression to filter the next Elements with Get a set of elements containing the unique next siblings of each of the matched set of elements, and filtered by an expression. It only returns the very next sibling, not all next siblings. $("p").next(".selected") [ Hello Again ] HelloHello Again<div>And Again</div> Get a set of elements containing the unique previous siblings of each of the matched set of elements. It only returns the immediately previous sibling, not all previous siblings. $("p").previous() [ <div>Hello Again</div> ] Hello<div>Hello Again</div>And Again An expression to filter the previous Elements with Get a set of elements containing the unique previous siblings of each of the matched set of elements, and filtered by an expression. It only returns the immediately previous sibling, not all previous siblings. $("p").previous(".selected") [ <div>Hello</div> ] <div>Hello</div>Hello AgainAnd Again Get a set of elements containing all of the unique siblings of each of the matched set of elements. isSet( $("#en").siblings().get(), q("sndp", "sap"), "Check for siblings" ); $("div").siblings() [ Hello, And Again ] Hello<div>Hello Again</div>And Again An expression to filter the sibling Elements with Get a set of elements containing all of the unique siblings of each of the matched set of elements, and filtered by an expression. isSet( $("#sndp").siblings("[code]").get(), q("sap"), "Check for filtered siblings (has code child element)" ); isSet( $("#sndp").siblings("[a]").get(), q("en", "sap"), "Check for filtered siblings (has anchor child element)" ); $("div").siblings(".selected") [ Hello Again ] <div>Hello</div>Hello AgainAnd Again Get a set of elements containing all of the unique children of each of the matched set of elements. $("div").children() [ Hello Again ] Hello<div>Hello Again</div>And Again An expression to filter the child Elements with Get a set of elements containing all of the unique children of each of the matched set of elements, and filtered by an expression. $("div").children(".selected") [ Hello Again ] <div>HelloHello AgainAnd Again</div> The name of the attribute to remove. Remove an attribute from each of the matched elements. $("input").removeAttr("disabled") <input/> <input disabled="disabled"/> Displays each of the set of matched elements if they are hidden. var pass = true, div = $("div"); div.show().each(function(){ if ( this.style.display == "none" ) pass = false; }); ok( pass, "Show" ); $("p").show() [ Hello ] Hello Hides each of the set of matched elements if they are shown. $("p").hide() [ Hello ] var pass = true, div = $("div"); div.hide().each(function(){ if ( this.style.display != "none" ) pass = false; }); ok( pass, "Hide" ); Hello Toggles each of the set of matched elements. If they are shown, toggle makes them hidden. If they are hidden, toggle makes them shown. $("p").toggle() [ Hello, Hello Again ] HelloHello Again A CSS class to add to the elements Adds the specified class to each of the set of matched elements. var div = $("div"); div.addClass("test"); var pass = true; for ( var i = 0; i < div.size(); i++ ) { if ( div.get(i).className.indexOf("test") == -1 ) pass = false; } ok( pass, "Add Class" ); $("p").addClass("selected") [ Hello ] Hello A CSS class to remove from the elements Removes the specified class from the set of matched elements. var div = $("div").addClass("test"); div.removeClass("test"); var pass = true; for ( var i = 0; i < div.size(); i++ ) { if ( div.get(i).className.indexOf("test") != -1 ) pass = false; } ok( pass, "Remove Class" ); $("p").removeClass("selected") [ Hello ] Hello A CSS class with which to toggle the elements Adds the specified class if it is present, removes it if it is not present. $("p").toggleClass("selected") [ Hello, Hello Again ] HelloHello Again Removes all matched elements from the DOM. This does NOT remove them from the jQuery object, allowing you to use the matched elements further. $("p").remove(); how are Hello how are you? A jQuery expression to filter elements by. Removes only elements (out of the list of matched elements) that match the specified jQuery expression. This does NOT remove them from the jQuery object, allowing you to use the matched elements further. $("p").remove(".hello"); how are you? Hello how are you? Removes all child nodes from the set of matched elements. $("p").empty() [ ] Hello, Person <a href="#">and person</a> An event type A function to bind to the event on each of the set of matched elements Binds a handler to a particular event (like click) for each matched element. The event handler is passed an event object that you can use to prevent default behaviour. To stop both default action and event bubbling, your handler has to return false.

$("p").bind( "click", function() {
  alert( $(this).text() );
} )

alert("Hello") Hello Cancel a default action and prevent it from bubbling by returning false from your function. $("form").bind( "submit", function() { return false; } ) Cancel only the default action by using the preventDefault method.

$("form").bind( "submit", function(event) {
  event.preventDefault();
} );

Stop only an event from bubbling by using the stopPropagation method.

$("form").bind( "submit", function(event) {
  event.stopPropagation();
} )

An event type A function to unbind from the event on each of the set of matched elements The opposite of bind, removes a bound event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unbind( "click", function() { alert("Hello"); } ) [ Hello ] Hello An event type Removes all bound events of a particular type from each of the matched elements. $("p").unbind( "click" ) [ Hello ] Hello Removes all bound events from each of the matched elements. $("p").unbind() [ Hello ] Hello An event type to trigger. Trigger a type of event on every matched element. $("p").trigger("click") alert('hello') Hello The function to execute on every even click. The function to execute on every odd click. Toggle between two function calls every other click. Whenever a matched element is clicked, the first specified function is fired, when clicked again, the second is fired. All subsequent clicks continue to rotate through the two functions. var count = 0; var fn1 = function() { count++; } var fn2 = function() { count--; } var link = $('#mark'); link.click().toggle(fn1, fn2).click().click().click().click().click(); ok( count == 1, "Check for toggle(fn, fn)" );

$("p").toggle(function(){
  $(this).addClass("selected");
},function(){
  $(this).removeClass("selected");
});

The function to fire whenever the mouse is moved over a matched element. The function to fire whenever the mouse is moved off of a matched element. A method for simulating hovering (moving the mouse on, and off, an object). This is a custom method which provides an 'in' to a frequent task. Whenever the mouse cursor is moved over a matched element, the first specified function is fired. Whenever the mouse moves off of the element, the second specified function fires. Additionally, checks are in place to see if the mouse is still within the specified element itself (for example, an image inside of a div), and if it is, it will continue to 'hover', and not move out (a common error in using a mouseout event handler).

$("p").hover(function(){
  $(this).addClass("over");
},function(){
  $(this).addClass("out");
});

The function to be executed when the DOM is ready. Bind a function to be executed whenever the DOM is ready to be traversed and manipulated. This is probably the most important function included in the event module, as it can greatly improve the response times of your web applications. In a nutshell, this is a solid replacement for using window.onload, and attaching a function to that. By using this method, your bound Function will be called the instant the DOM is ready to be read and manipulated, which is exactly what 99.99% of all Javascript code needs to run. Please ensure you have no code in your <body> onload event handler, otherwise $(document).ready() may not fire. $(document).ready(function(){ Your code here... }); A function to bind to the scroll event on each of the matched elements. Bind a function to the scroll event of each matched element. $("p").scroll( function() { alert("Hello"); } ); Hello Hello Trigger the scroll event of each matched element. This causes all of the functions that have been bound to thet scroll event to be executed. $("p").scroll(); alert('Hello'); Hello A function to bind to the scroll event on each of the matched elements. Bind a function to the scroll event of each matched element, which will only be executed once. Unlike a call to the normal .scroll() method, calling .onescroll() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onescroll( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first scroll Hello A function to unbind from the scroll event on each of the matched elements. Removes a bound scroll event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unscroll( myFunction ); Hello Hello Removes all bound scroll events from each of the matched elements. $("p").unscroll(); Hello Hello A function to bind to the submit event on each of the matched elements. Bind a function to the submit event of each matched element. $("p").submit( function() { alert("Hello"); } ); Hello Hello Trigger the submit event of each matched element. This causes all of the functions that have been bound to thet submit event to be executed. $("p").submit(); alert('Hello'); Hello A function to bind to the submit event on each of the matched elements. Bind a function to the submit event of each matched element, which will only be executed once. Unlike a call to the normal .submit() method, calling .onesubmit() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onesubmit( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first submit Hello A function to unbind from the submit event on each of the matched elements. Removes a bound submit event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unsubmit( myFunction ); Hello Hello Removes all bound submit events from each of the matched elements. $("p").unsubmit(); Hello Hello A function to bind to the focus event on each of the matched elements. Bind a function to the focus event of each matched element. $("p").focus( function() { alert("Hello"); } ); Hello Hello Trigger the focus event of each matched element. This causes all of the functions that have been bound to thet focus event to be executed. $("p").focus(); alert('Hello'); Hello A function to bind to the focus event on each of the matched elements. Bind a function to the focus event of each matched element, which will only be executed once. Unlike a call to the normal .focus() method, calling .onefocus() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onefocus( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first focus Hello A function to unbind from the focus event on each of the matched elements. Removes a bound focus event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unfocus( myFunction ); Hello Hello Removes all bound focus events from each of the matched elements. $("p").unfocus(); Hello Hello A function to bind to the keydown event on each of the matched elements. Bind a function to the keydown event of each matched element. $("p").keydown( function() { alert("Hello"); } ); Hello Hello Trigger the keydown event of each matched element. This causes all of the functions that have been bound to thet keydown event to be executed. $("p").keydown(); alert('Hello'); Hello A function to bind to the keydown event on each of the matched elements. Bind a function to the keydown event of each matched element, which will only be executed once. Unlike a call to the normal .keydown() method, calling .onekeydown() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onekeydown( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first keydown Hello A function to unbind from the keydown event on each of the matched elements. Removes a bound keydown event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unkeydown( myFunction ); Hello Hello Removes all bound keydown events from each of the matched elements. $("p").unkeydown(); Hello Hello A function to bind to the dblclick event on each of the matched elements. Bind a function to the dblclick event of each matched element. $("p").dblclick( function() { alert("Hello"); } ); Hello Hello Trigger the dblclick event of each matched element. This causes all of the functions that have been bound to thet dblclick event to be executed. $("p").dblclick(); alert('Hello'); Hello A function to bind to the dblclick event on each of the matched elements. Bind a function to the dblclick event of each matched element, which will only be executed once. Unlike a call to the normal .dblclick() method, calling .onedblclick() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onedblclick( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first dblclick Hello A function to unbind from the dblclick event on each of the matched elements. Removes a bound dblclick event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").undblclick( myFunction ); Hello Hello Removes all bound dblclick events from each of the matched elements. $("p").undblclick(); Hello Hello A function to bind to the keypress event on each of the matched elements. Bind a function to the keypress event of each matched element. $("p").keypress( function() { alert("Hello"); } ); Hello Hello Trigger the keypress event of each matched element. This causes all of the functions that have been bound to thet keypress event to be executed. $("p").keypress(); alert('Hello'); Hello A function to bind to the keypress event on each of the matched elements. Bind a function to the keypress event of each matched element, which will only be executed once. Unlike a call to the normal .keypress() method, calling .onekeypress() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onekeypress( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first keypress Hello A function to unbind from the keypress event on each of the matched elements. Removes a bound keypress event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unkeypress( myFunction ); Hello Hello Removes all bound keypress events from each of the matched elements. $("p").unkeypress(); Hello Hello A function to bind to the error event on each of the matched elements. Bind a function to the error event of each matched element. $("p").error( function() { alert("Hello"); } ); Hello Hello Trigger the error event of each matched element. This causes all of the functions that have been bound to thet error event to be executed. $("p").error(); alert('Hello'); Hello A function to bind to the error event on each of the matched elements. Bind a function to the error event of each matched element, which will only be executed once. Unlike a call to the normal .error() method, calling .oneerror() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").oneerror( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first error Hello A function to unbind from the error event on each of the matched elements. Removes a bound error event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unerror( myFunction ); Hello Hello Removes all bound error events from each of the matched elements. $("p").unerror(); Hello Hello A function to bind to the blur event on each of the matched elements. Bind a function to the blur event of each matched element. $("p").blur( function() { alert("Hello"); } ); Hello Hello Trigger the blur event of each matched element. This causes all of the functions that have been bound to thet blur event to be executed. $("p").blur(); alert('Hello'); Hello A function to bind to the blur event on each of the matched elements. Bind a function to the blur event of each matched element, which will only be executed once. Unlike a call to the normal .blur() method, calling .oneblur() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").oneblur( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first blur Hello A function to unbind from the blur event on each of the matched elements. Removes a bound blur event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unblur( myFunction ); Hello Hello Removes all bound blur events from each of the matched elements. $("p").unblur(); Hello Hello A function to bind to the load event on each of the matched elements. Bind a function to the load event of each matched element. $("p").load( function() { alert("Hello"); } ); Hello Hello Trigger the load event of each matched element. This causes all of the functions that have been bound to thet load event to be executed. $("p").load(); alert('Hello'); Hello A function to bind to the load event on each of the matched elements. Bind a function to the load event of each matched element, which will only be executed once. Unlike a call to the normal .load() method, calling .oneload() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").oneload( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first load Hello A function to unbind from the load event on each of the matched elements. Removes a bound load event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unload( myFunction ); Hello Hello Removes all bound load events from each of the matched elements. $("p").unload(); Hello Hello A function to bind to the select event on each of the matched elements. Bind a function to the select event of each matched element. $("p").select( function() { alert("Hello"); } ); Hello Hello Trigger the select event of each matched element. This causes all of the functions that have been bound to thet select event to be executed. $("p").select(); alert('Hello'); Hello A function to bind to the select event on each of the matched elements. Bind a function to the select event of each matched element, which will only be executed once. Unlike a call to the normal .select() method, calling .oneselect() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").oneselect( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first select Hello A function to unbind from the select event on each of the matched elements. Removes a bound select event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unselect( myFunction ); Hello Hello Removes all bound select events from each of the matched elements. $("p").unselect(); Hello Hello A function to bind to the mouseup event on each of the matched elements. Bind a function to the mouseup event of each matched element. $("p").mouseup( function() { alert("Hello"); } ); Hello Hello Trigger the mouseup event of each matched element. This causes all of the functions that have been bound to thet mouseup event to be executed. $("p").mouseup(); alert('Hello'); Hello A function to bind to the mouseup event on each of the matched elements. Bind a function to the mouseup event of each matched element, which will only be executed once. Unlike a call to the normal .mouseup() method, calling .onemouseup() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").onemouseup( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first mouseup Hello A function to unbind from the mouseup event on each of the matched elements. Removes a bound mouseup event from each of the matched elements. You must pass the identical function that was used in the original bind method. $("p").unmouseup( myFunction ); Hello Hello Removes all bound mouseup events from each of the matched elements. $("p").unmouseup(); Hello Hello A function to bind to the unload event on each of the matched elements. Bind a function to the unload event of each matched element. $("p").unload( function() { alert("Hello"); } ); Hello Hello Trigger the unload event of each matched element. This causes all of the functions that have been bound to thet unload event to be executed. $("p").unload(); alert('Hello'); Hello A function to bind to the unload event on each of the matched elements. Bind a function to the unload event of each matched element, which will only be executed once. Unlike a call to the normal .unload() method, calling .oneunload() causes the bound function to be only executed the first time it is triggered, and never again (unless it is re-bound). $("p").oneunload( function() { alert("Hello"); } ); alert('Hello'); // Only executed for the first unload Hello