Computers & ProgrammingFrontend DevelopmentjQuery

jQuery Live Event

The jQuery live event is used to attach one or more event handlers for selected elements. It also specifies a function to run when the event is triggered. Event handlers attached using the live() method will work for both current and future elements matching the selector.

Syntax

$(selector).live(event,data,function)
ParameterDescription
eventOne or more events to attach. Event values are separated by space.
dataAdditional optional data to pass along to the function.
functionOptional function to run when the event(s) occur.

Basic Example

In the following jQuery example, the live() method adds the click event to the element with an id of imgMouse. When the imgMouse element is clicked, the click event is executed through the live method. In this example, the div element will be shown or hidden as the mouse icon is clicked.

<div id="divParent">
    <img id="imgMouse"src="#" />
    <div id="divChild">
    <div id="divText">
        Click the mouse icon to toggle ....
    </div>
</div>

$("#imgMouse").live("click", function () {
    $("#divChild").slideToggle();
});

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top