Home >>jQuery Tutorial >jQuery $.proxy() Method

jQuery $.proxy() Method

jQuery $.proxy method in jQuery is used to add events to an element where the context is pointing back to a different object and returns a new one with a particular context.

Syntax:

$(selector).proxy(function,context)
$(selector).proxy(context,name)

Parameter Values

Parameter	Description
function	To call the existing function
context	Where the function lies to the name of the object
Name	Context will be of the existing function

Here is an Example of jQuery $.proxy() Method:


<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var objPerson = {
name: "Alexa",
age: 38,
test: function(){
$(".txt").after("Name: " + this.name + "<br> Age: " + this.age);
}
};
$(".btn1").click($.proxy(objPerson, "test"));
});
</script>
</head>
<body>
<button class="btn1">click to run test function</button>
<p class="txt"></p>
</body>
</html>

Output:

« Previous Next »

jQuery Tutorial jQuery History jQuery Example jQuery Selectors jQuery – Effects jQuery animate() Method jQuery delay() Method jQuery dequeue() Method jQuery fadeIn() Method jQuery fadeOut() Method jQuery fadeTo() method jQuery clearQueue() Method jQuery fadeToggle() Method jQuery finish() Method jQuery hide() Method jQuery show() Method jQuery slideDown() Method jQuery slideToggle() Method jQuery slideUp() Method jQuery stop() Method jQuery toggle() Method jQuery queue() Method jQuery HTML / CSS Methods jQuery Events jQuery Selector Lists jQuery Traversing Methods jQuery AJAX Methods

No Sidebar ads