原生js实现jquery的siblings()
Element.prototype.siblings = function(callback){
            var siblingElement = [];
            var parentAllElement = [];
            if( ! this.parentNode ){
                return siblingElement;
            };
            parentAllElement = this.parentNode.getElementsByTagName(this.tagName);
            for( var i = 0; i < parentAllElement.length ; i++ ){
                if( parentAllElement[i] != this ){
                    siblingElement.push(parentAllElement[i]);
                    typeof callback == "function" && callback.call(parentAllElement[i]);
                }
            }
            return siblingElement;
        };
这样可以实现链式调用
原生js实现jquery的siblings()的更多相关文章
- 原生js仿jquery一些常用方法
		原生js仿jquery一些常用方法 下面小编就为大家带来一篇原生js仿jquery一些常用方法(必看篇).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 最近迷上了原 ... 
- 原生js、jQuery实现选项卡功能
		在大家在网上平常浏览网页的时候,想必各位都会看到选项卡功能,在这里给大家详解一下用原生js.jQuery如何来写一些基本的选项卡 话不多说,先给各位看一下功能图: 好了,下边 ... 
- 原生js替换jQuery各种方法-中文版
		原文https://github.com/nefe/You-D... 原生JS与jQuery操作DOM对比 You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好 ... 
- 【前端性能】必须要掌握的原生JS实现JQuery
		很多时候,我们经常听见有人说jquery有多快多快.在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许 ... 
- 原生js和jquery实现图片轮播特效
		本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效,十分的实用,也非常方便大家对比学习原生js和jQuery,有需要的小伙伴可以参考下. 1)首先是页面的结构部分对于我这种左右切换 ... 
- 原生js和jquery实现图片轮播特效(转)
		本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效,十分的实用,也非常方便大家对比学习原生js和jQuery,有需要的小伙伴可以参考下. 1)首先是页面的结构部分对于我这种左右切换 ... 
- 原生JS和JQuery的区别
		1.原生js和jQuery的入口函数加载模式不同 原生js等页面dom加载完成并且图片等资源也加载完成之后才会执行: jQuery则是等页面dom加载完成执行,不会等图片等资源也加载完成: (也就是说 ... 
- onload事件与ready事件的区别,原生js与jquery的区别
		onload事件与ready事件分别是原生js与jquery的入口函数 原生js入口函数写法: window.onload=function(){ } jquery入口函数写法: $(document ... 
- JavaScript中函数和类(以及this的使用<重点>,以及js和jquery讲解,原生js实现jquery)
		1.javascript中以函数来表示类: 一般函数是小写开头:function foo() 类开头是大写:function Foo() 实例化类: obj = new Foo() 其他属性就同类是一 ... 
随机推荐
- Vue 过滤器 Filter传递参数
			给日期类型过滤器设置不同格式 dayjs是一款轻量级的日期操作库 https://day.js.org/en import Vue from 'vue' import dayjs from 'dayj ... 
- ElasticSearch在CentOS的安装
			ElasticSearch在CentOS的安装 一.tar包安装 单机安装 创建elastic用户,ElasticSearch不支持root用户运行 useradd elastic 上传文件到 /so ... 
- 计算机网络要点---Http
			计算机网络要点---Http 1.工作流程 一次HTTP操作称为一个事务,其工作过程可分为四步: 首先客户机与服务器需要建立 TCP 连接.只要单击某个超级链接,HTTP的工作开始. 建立连接后,客户 ... 
- java容器源码分析及常见面试题笔记
			概览 容器主要包括 Collection 和 Map 两种,Collection 存储着对象的集合,而 Map 存储着键值对(两个对象)的映射表. List Arraylist: Object数组 ... 
- springSecurity初识-练气初期
			1.写在前面 Spring Security是一个框架,提供针对常见攻击的身份验证,授权和保护.通过对命令式和反应式应用程序的一流支持,它是保护基于Spring的应用程序的事实标准. Spring S ... 
- CCF-202006-1线性分类器
			1 def judga(lis1,z): #判断列表lis1中点是否都在线z的一侧 s=0 for i in lis1: if z[0]+i[0]*z[1]+i[1]*z[2]>0: s+=1 ... 
- pandas外部数据的读取构造数据框-文本文件读取(一种utf-8中文编码乱码处理经验)
			上面一篇文章有记录pandas构造数据框的方式有二维数组,字典,嵌套的列表和元组等,本篇用于介绍通过外部数据读取的方式来构造数据框. python读取外部数据集的时候,这些数据集可能包含在文本文件(c ... 
- 使用Spring Boot DevTools优化你的开发体验
			场景再现 某日少年收到前端同学发来的消息说联调的接口响应异常 
- Shell编程—结构化命令(2)
			1for命令 for命令的基本格式: for var in list do commands done 在list参数中,你需要提供迭代中要用到的一系列值. 1.1读取列表中的值 例子: $ vim ... 
- java安全编码指南之:基础篇
			目录 简介 java平台本身的安全性 安全第一,不要写聪明的代码 在代码设计之初就考虑安全性 避免重复的代码 限制权限 构建可信边界 封装 写文档 简介 作为一个程序员,只是写出好用的代码是不够的,我 ... 
