初识 jQuery API

最近在了解 jQuery API的相关知识，方方老师通过自己写一个jQery API，告诉我们jQuery API的相关知识。以下就是以我对jQuery API的理解。简单谈谈 $div.addClass('red') // 可将所有 div 的 class 添加一个 red 和$div.setText('hi') // 可将所有 div 的 textContent 变为 hi 这两个jQuery API的实现过程。

首先是$div.addClass('xxx') ，需要实现这个功能，首先我们需要获取每一个div的class属性值。这个可以通过设置Nodes这个对象来获取。然后我们可以通过if判断语句把class属性值是否是字符串的分开：假如class属性是字符串，通过 document.querySelectorAll这个DOM API来出获取class属性的字符串，再通过For循环把class属性的字符串传递给Nodes这个对象，最后再把Length属性也传给Nodes，使之变成一个伪数组；假如class属性不是字符串，就返回一个属性{‘0’：nodeorSelector,‘length’：1}这样的伪数组。获取div的class属性值的字符串后，我们就可以通过addClass这个DOM API给我们当前的div添加class属性。通过For循环，便可以把每一个div添加上对应的class属性。

然后就是$div.setText('hi')，这个和$div.addClass('xxx') ，前面我们设置好nodes对象之后，便可以一个for循环来实现，通过for循坏遍历每一个div，在通过DOM API的textContent属性把相应文本内容写进去。