JavaScript 创建一个对象实现方法
内容摘要
这篇文章主要为大家详细介绍了JavaScript 创建一个对象实现方法,具有一定的参考价值,可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了JavaScript 创建一个对象实现方法,具有一定的参考价值,可以用来参考一下。
定义一个可以选择标签的对象,然后定义了一个each方法和show方法。主要目的是理解jquery是如何工作的。css:
/**
* @param
* @arrange (www.idcnote.com)
**/
<style type="text/css">
.imgwarp {
text-align: center;
}
.imgwarp img {
margin-left: auto;
margin-right: auto;
}
</style>
html:
<div class="u" id="bdiv">
<a href="http://" id="bt">按钮</a>
<div id="sdiv"class="imgwarp" style="display:none;">
内容
</div>
</div>
js:
/**
* @param
* @arrange (www.idcnote.com)
**/
<script type="text/javascript">
var lxf = function(selector) {
if (window == this) {
return new lxf(selector);
}
var doms = document.getElementsByTagName(selector);
var arr = [];
for (var i = 0; i < doms.length; i++) {
arr.push(doms.item(i));
}
return this.setArray(arr);
};
lxf.prototype.setArray = function(arr) {
this.length = 0;
[].push.apply(this, arr);
return this;
}
lxf.fn = lxf.prototype;
var $ = lxf;
//each方法
$.fn.each = function(method) {
for (var i = 0, l = this.length; i < l; i++) {
method.call(this[i], i);
}
}
//show方法
$.fn.show = function() {
this.each(function(i) {
alert(i + ":" + this.id + ":" + this.innerHTML);
this.style.display = "block";
});
}
//执行
$('div').show();
</script>
注:关于JavaScript 创建一个对象实现方法的内容就先介绍到这里,更多相关文章的可以留意
代码注释