读书人

jquery.fn.extend的疑点

发布时间: 2013-06-25 23:45:41 作者: rapoo

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>


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

读书人网 >JavaScript

热点推荐