jQuery proxy() Method

Last Updated:

jQuery proxy() Method

The jQuery proxy() method takes an existing function and returns a new one with a particular context.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery proxy() Method</h1> <button>Get Detail</button> <p></p> <script> $(document).ready(function(){ var obj = { name: "Jade", age: 18, detail: function(){ $("p").text(this.name + " is " + this.age + " years old."); } }; $("button").click($.proxy(obj, "detail")); }); </script> </body> </html>

Syntax

$(selector).proxy(func, context); // or $(selector).proxy(context, name);

Parameter Values

Value Explanation
func Specifies the function whose context will be changed.
context Specifies the object to which the context (this) of the function should be set.
name Specifies the name of the function whose context will be changed.
Note: Name should be a property of the context object

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
proxy()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author