实现一个 类似jQuery 的 API

2018-11-08  本文已影响18人  LikySis

补全下面的代码:

window.jQuery = ???
window.$ = jQuery

var $div = $('div')
$div.addClass('red') // 可将所有 div 的 class 添加一个 red
$div.setText('hi') // 可将所有 div 的 textContent 变为 hi

    window.jQuery = function (element) {
        var tags = document.getElementsByTagName(element);
        var obj = {
            addClass: function (color) {
                for (var i = 0; i < tags.length; i++) {
                    tags[i].classList.add(color);
                }
            },
            setText: function (text) {
                for (var i = 0; i < tags.length; i++) {
                    tags[i].innerHTML = text;
                }
            }
        };
        return obj;
    };


    window.$ = jQuery;

    var $div = $('div')
    $div.addClass('red') // 可将所有 div 的 class 添加一个 red
    $div.setText('hi') // 可将所有 div 的 textContent 变为 hi
</script>
上一篇下一篇

猜你喜欢

热点阅读