zoukankan      html  css  js  c++  java
  • 精简版自定义 jquery

        function $(id) {
            var el = 'string' == typeof id ?
                document.getElementById(id) :
                id;
    
            el.on = function(event, fn) {
                if ('content loaded' == event) {
                    event = window.attachEvent ? "load" : "DOMContentLoaded";
                }
                el.addEventListener ?
                    el.addEventListener(event, fn, false) :
                    el.attachEvent("on" + event, fn);
            };
    
            el.all = function(selector) {
                return $(el.querySelectorAll(selector));
            };
    
            el.each = function(fn) {
                for (var i = 0, len = el.length; i < len; ++i) {
                    fn($(el[i]), i);
                }
            };
    
            el.getClasses = function() {
                return this.getAttribute('class').split(/s+/);
            };
    
            el.addClass = function(name) {
                var classes = this.getAttribute('class');
                el.setAttribute('class', classes ?
                    classes + ' ' + name :
                    name);
            };
    
            el.removeClass = function(name) {
                var classes = this.getClasses().filter(function(curr) {
                    return curr != name;
                });
                this.setAttribute('class', classes.join(' '));
            };
    
            return el;
        }
    
        function search() {
            var str = $('search').value.toLowerCase();
            var links = $('files').all('a');
    
            links.each(function(link) {
                var text = link.textContent.toLowerCase();
    
                if ('..' == text) return;
                if (str.length && ~text.indexOf(str)) {
                    link.addClass('highlight');
                } else {
                    link.removeClass('highlight');
                }
            });
        }
    
        $(window).on('content loaded', function() {
            $('search').on('keyup', search);
        });
  • 相关阅读:
    Android ListView 列表视图
    android handler msg的使用 实现进度条
    Intent 传递数据
    微服务-springcloud
    微服务-dubbo学习
    日志收集系统
    微服务追踪
    链表有环判断,快慢指针两种方法/合并链表/删除重复元素/二分递归和while
    算法练习,链表二分最大n个
    池以及barrier简单
  • 原文地址:https://www.cnblogs.com/webenh/p/7535322.html
Copyright © 2011-2022 走看看