Question

137

Override jQuery functions

rated 0 times [ 138] [ 1] / answers: 1 / hits: 37107 / 14 Years ago, mon, december 27, 2010, 12:00:00

Is there way to override jQuery's core functions ?
Say I wanted to add an alert(this.length) in size: function()
Instead of adding it in the source

size: function() {

    alert(this.length)

    return this.length;

},

I was wondering if it would be possible to do something like this :

if (console)

{

    console.log(Size of div =  + $(div).size());

    var oSize = jQuery.fn.size;

    jQuery.fn.size = function()

    {

        alert(this.length);



        // Now go back to jQuery's original size()

        return oSize(this);        

    }

    console.log(Size of div =  + $(div).size());

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminuniquer

Add To Favorites

Follow

Total Points: 63

Total Questions: 121

Total Answers: 96

Location: Cambodia

Member since Thu, May 21, 2020

4 Years ago

jazminuniquer questions

1 Next.js change locale for the current path that has query, using router

Sat, Nov 20, 21, 00:00, 3 Years ago

1 Error: bundle initial-es5 exceeded maximum budget. Budget 6.00 MB was not met by 133.51 kB with a total of 6.13 MB

Thu, Feb 18, 21, 00:00, 3 Years ago

1 How to get values from client.users.fetch(id) in discord.js

Thu, Sep 3, 20, 00:00, 4 Years ago

1 Apply motion to react component Framer-Motion

Thu, Jun 25, 20, 00:00, 4 Years ago

1 Vuetify - How to select a row data using v-radio-group in v-data-table

Tue, May 19, 20, 00:00, 4 Years ago

View All

answered 14 Years ago katia · Accepted Answer

You almost had it, you need to set the this reference inside of the old size function to be the this reference in the override function, like this:

var oSize = jQuery.fn.size;

jQuery.fn.size = function() {

    alert(this.length);



    // Now go back to jQuery's original size()

    return oSize.apply(this, arguments);

};

The way this works is Function instances have a method called apply, whose purpose is to arbitrarily override the inner this reference inside of the function's body.

So, as an example:

var f = function() { console.log(this); }

f.apply(Hello World, null); //prints Hello World to the console