首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery.fn.extend的疑点

2013-06-25 
jquery.fn.extend的疑问代码如下:input idaa typetext value123 /script//方法一$.fn.extend

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 () {


                alert(this.val());
            }
        });

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


[解决办法]
这是封装吧?

热点排行