封装两个简单的函数

1、如何实现类似JQ的使用方法?

我们在使用jq时,随处都可以调用它里面的方法跟属性,那么jq肯定是以构造函数的方式展现的,所以我们自己创建一个名为jQuery全局函数。

2、为什么使用querySelectorAll

无论什么操作,首先要获取node,getElementId,getElementTag,querySelectorAll,querySelector等等,

考虑到健壮性,使用querySelectorAll,根据用户传入的参数,

传入字符串就获取内容,如果不是字符串就是单个节点。

3、为什么将伪数组的node转为对象?

我不需要操作那些node上面的API或原型链,只需要一个纯净的对象就行,所以通过循环添加到一个新的对象中,这样我添加一些属性或方法,就不用考虑会覆盖其他的属性或方法。


在变量名为nodes的对象上,添加名为addClass方法,考虑到可能传入多个class,分为两种情况,对参数进行判断,根据值,就执行相对应的方法。


在变量名为nodes的对象上,添加名为changeText方法,采用textContent这个API,进行文本操作。

最后一定要返回这个nodes对象,如果不返回,nodes的作用域就在jQuery中,外界无法访问。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,124评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,477评论 19 139
  • 在动态加载页面时 不免要对RectTransform进行设置 以下是获得RectTransform属性并设置的方法...
    似风up阅读 8,011评论 0 0
  • 如果开始就知道没有未来,就不会坚持到现在。
    龙晓飞阅读 897评论 0 0