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)
Parameter Description
event One or more events to attach. Event values are separated by space.
data Additional optional data to pass along to the function.
function Optional 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.

Scroll to Top