使用原生js仿jquery中的一些基本功能实例详解

1.显示/隐藏

return this的好处在于链式调用。

2.滑动 省略speed和callback的传入，因为要加一串判断和处理回调，代码量大

3.捕获/设置

4.CSS方法

5.添加元素

6.删除/替换元素

7.设置css类

上面的设置CSS类也可以利用html5新API classList及contains实现 但不兼容IE8以下及部分火狐浏览器

9.选择器

需要强调的是，选择器返回的结果或结果集包含的是htmlDOM，并非jquery的对象。大多数人都知道，document.getElementById("id")等价于jquery$("#id")[0]，另外上面class选择器选择的结果如需使用，需要利用forEach遍历：

10.遍历 siblings()和children()获取的结果也需要结合forEach使用

以上就是使用原生js仿jquery中的一些基本功能实例详解的详细内容，更多请关注Gxl网其它相关文章！