在jquery中创建函数

Question

我正在尝试创建一个jquery函数,并使用下面的代码,但没有得到任何输出.请告诉我制作它的过程.

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

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

Answer 1

你可以在这里看到工作代码 - http://jsfiddle.net/gryzzly/YxnEQ/

请注意,在运行上述代码时,您需要一个id为"sample"的元素才能出现在文档中.此外,this它指向jQuery对象,因此为了获取元素id,您需要使用以下任一方法:

alert( this[0].id );

要么

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

第一个是可取的,因为它更快.

Answer 2

试试这个:

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

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