jQuery click() method

jQuery Events

The click() method triggers a click event, or attach a function to be executed when the click event occurs.

A click event occurs when a user clicks on an element.

Syntax:

Trigger the click event of the selected element:

$.click()

Attach a function to the click event:

$.click(function)

Example

Trigger the click event of the <p> element:

$(document).ready(function(){
　　$("p").click();
});

Attach a function to the click event (a click event will occur when the user clicks on an element):

$("p").click(function(){
　　$(this).css({"background-"color":"#007FFF", "color":"white"});
});

Hide the paragraph on the page when the paragraph is clicked:

$("p").click(function(){
　　$(this).slideUp();
});

Attach the 'named' feature to the click event:

$(document).ready(function(){
　　$("p").click(changeSize);
});
function changeSize() {
　　$(this).animate({fontSize: "+=5px});
}

Parameter Value

jQuery Events