Create function in jquery

I am trying to make a jquery function, and used below code, but not getti开发者_开发百科ng any output. Please tell me the process to make it.

<script type="text/javascript">
    (function($){
        $.fn.myplugin = function(){
            alert(this.id);
        };
    })(jQuery);

    $("#sample").myplugin();
</script>

You can see the working code here – http://jsfiddle.net/gryzzly/YxnEQ/

Note that you need an element with id "sample" to be present in your document when you are running the above code. Also, the this is pointing at jQuery object, so in order to get the elements id, you need to use either of the following:

alert( this[0].id );

or

alert( this.attr('id') );

The first is preferable, because it's faster.

Try this:

<script type="text/javascript">
 $(document).ready(function(){
  myplugin($("#sample"));
 });

  function myplugin(obj){
  alert(obj.id);
  }
</script>

Try this:

<script type="text/javascript">
$(document).ready(function(){
    $("#sample").myplugin(this.id);
});

function myplugin(id) {
    alert(id);
}
</script>

Try changing

        alert(this.id);

to

        alert(this[0].id);

As you're getting a jQuery object array.

alert(this.attr('id'));

this in that context is a jQuery object, not a raw DOM element.