初识 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属性把相应文本内容写进去。

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

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,494评论 0 44
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,111评论 0 8
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,629评论 0 11
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 492评论 0 1
  • 一搬家,才发现家里有这么多旧物,这些物品总有舍不得扔的理由,又被我打包,让搬家工人搬到了新居。箱子在新居存放了几个...
    柳二白阅读 630评论 0 0