JavaScript 创建一个对象实现方法

这篇文章主要为大家详细介绍了JavaScript 创建一个对象实现方法，具有一定的参考价值，可以用来参考一下。

定义一个可以选择标签的对象，然后定义了一个each方法和show方法。主要目的是理解jquery是如何工作的。
css:

/**
 * @param 
 * @arrange (512.笔记) www.q1010.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 (512.笔记) www.q1010.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>

本文来自：http://www.q1010.com/174/2081-0.html

注：关于JavaScript 创建一个对象实现方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：创建对象