Jquery - How to defined user defined jquery function?

Question

Can we create user defined function in jquery like :

    $(selector).click(function()
   {

    })

Above function is already in jquery library.

if i want to create function like above one For e.g. :

$(selector).demo();

How i can create function "demo()" to which i can prefix the selector as $(selector).demo();

Will · Accepted Answer · 2014-07-30 06:01:51Z

2

by jQeury.fn.extend()

jQuery.fn.extend({
    demo: function(value){
       alert(value);
    }
});

you can also pass parameters if you need, like 10 in this example.

$(selector).demo(10);

if you would like to pass a function

$.fn.extend({
        demo: function(func){
            if(typeof func === 'function')
                func();
        });

pass the function then you trigger it in demo

  $(selector).demo(function(){
      alert('test');
  });

hope it will help you!

answered Jul 30, 2014 at 5:25

Will

2113 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Thanks for this...Can i pass function as parameter to demo()?

sure! in javascript function is also a object, you can parse it definetely

I add some further information for you , take a look!

m1k1o · Accepted Answer · 2014-07-30 05:14:27Z

2

So:

jQuery.fn.newfunction= function() {

//code goes here

};

And then call:

$(element).newfunction();

answered Jul 30, 2014 at 5:14

m1k1o

2,36416 silver badges27 bronze badges