How to create a jQuery function (beginner)

Question

I am just starting with jQuery, and am trying to make a function. I would appreciate help with syntax.

<p>blink me<p>

<style>p {display:none;}</style>

<script>
    (function( $ ) {
        $.fn.blink= function(speed) {
            var speed = $(speed).val();
            $(this).fadeIn(speed).fadeOut(speed).blink(speed);
        };
    }( jQuery));

    $("p").blink(1500);
</script>

There's a <blink> tag for that ?

adeneo
– adeneo

2015-02-18 18:18:23 +00:00
Commented Feb 18, 2015 at 18:18 — adeneo
– adeneo, Commented Feb 18, 2015 at 18:18

antyrat · Accepted Answer · 2015-02-18 18:15:44Z

2

You don't need to use val() there:

$.fn.blink= function(speed) {
    $(this).fadeIn(speed).fadeOut(speed).blink(speed);
};

jsFiddle

But I would suggest to return jQuery instance also. So you will be able to reach this element in future or work with elements collection, not first matched element only:

$.fn.blink= function(speed) {
    return this.each( function() {
        $(this).fadeIn(speed).fadeOut(speed).blink(speed);
    });
};

jsFiddle

answered Feb 18, 2015 at 18:15

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

How to create a jQuery function (beginner)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related