Web前端—— JQuery迷你版实现以及使用

JQuery迷你版实现和应用

tiny_jquery.js

var $ = function (selector) {
    var ele = document.querySelector(selector);
    
    //返回当前元素的内容
    ele.val = function () {
        return ele.value;
    }

    //传入css样式，更改元素的样式
    ele.css = function (css) {
        if (typeof css === "object") {
            var str = "";
            for(var k in css){ // {color: "red", border: "1px solid blue"}
                str =str.concat(k, ":", css[k], ";") 
            }
            ele.style = str;
        }
    }
    ele.html = (html) => {
        var str = ele.innerHTML;
        ele.innerHTML = str + html;
    }
    return ele;//返回当前元素
}var $ = function (se