当前位置: 代码迷 >> JavaScript >> jquery.fn.extend的疑点
  详细解决方案

jquery.fn.extend的疑点

热度:3   发布时间:2013-06-25 23:45:41.0
jquery.fn.extend的疑问
代码如下:

<input id="aa" type="text" value="123" />
    <script>
        //方法一
        $.fn.extend({
            test: {
                $this: this,
                test1: function () {
                    alert(this.$this.val());
                }
            }
        });
        //方法二
        $.fn.extend({
            test: function () {
                alert(this.val());
            }
        });

        
        $("#aa").test.test1();
        $("#aa").test();
    </script>

方法二的this指的是$("#aa")对象。
方法一的this却不是我想要的$("#aa")对象。
请问方法一中$("#aa")对象该如何表示?

------解决方案--------------------
<input id="aa" type="text" value="123" />
    <script>
        //方法一
        $.fn.extend({//////////
            test1: function () {
                return {
                    $this: this,
                    test1: function () {
                        alert(this.$this.val());
                    }
                }
            }
        });
        //方法二
        $.fn.extend({
            test: function () {
  相关解决方案