<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="../lib/jquery.js"></script>
<script>
var textCount = {
input: null,
init: function(config) {
this.input = $(config.id);
this.bind();
//这边范围对应的对象，可以实现链式调用
return this;
},
bind: function() {
var self = this;
this.input.on('keyup', function() {
self.render();
});
},
getNum: function() {
return this.input.val().length;
},
//渲染元素
render: function() {
var num = this.getNum();
if ($('#J_input_count').length == 0) {
this.input.after('<span id="J_input_count"></span>');
};
$('#J_input_count').html(num + '个字');
}
}
$(function() {
//在domready后调用
textCount.init({
id: '#J_input'
}).render();
})
</script>
</head>
<body>
<input type="text" id="J_input" />
</body>
</html>
js链式调用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 之前发现了一种类似block串行执行的开发方式，今天终于不忙了就简单写一下做个笔记 其实很简单，需要注意的就是相应...
