Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Extending jQuery with Callbacks Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> (function($) { $.fn.extendWithCallback = function(options, callback) { // Perform some custom functionality this.css("color", options.color); // Execute the callback function if provided if ($.isFunction(callback)) { callback.call(this); } return this; }; })(jQuery); $(document).ready(function(){ $("p").extendWithCallback({ color: "blue" }, function() { console.log("Callback executed after color change."); }); }); </script> </head> <body> <p>This is a paragraph.</p> </body> </html>
console output