手写jQuery核心源码Day3
手写jQuery核心源码Day3
今天主要是实现了jQuery部分的DOM方法和DOM属性操作的一些方法
源码在:https://gitee.com/jimmyxuexue/handwritten_jquery_source/blob/master/%E6%89%8B%E5%86%99%E6%BA%90%E7%A0%81/myQuery.js
一些方法的细节我都以注释的形式留在了代码中
写这个库的主要原因是自己对于封装的方面做的还不够好,可以乘着这次机会好好的学习一下,顺便带着复习一下JS大法
以下是我学到的原生JS的知识点:
-
append()
方法和appendChild()
方法的区别:append可以同时传递多个节点或者是字符串,并且是没有返回值的,二appendChild()可以理解成是只能传递节点,不支持字符串的传递。 -
getAt't'ribute()
和setAttribute()
方法,这个两个方法是用于查询和设置DOM节点属性的,getAttribute()传递一个属性名,会返回一个属性值,setAttribute()传递两个参数,会以键值对的形式为节点添加属性 - 设置DOM的属性,可以通过使用[]的形式来获取DOM的属性,也可以自定义的为DOM设置属性如
DOM[hhh] = 'jjj'
为DOM添加了一个hhh属性,属性值为jjj -
window.getComputedStyle()
获取DOM的CSS样式的信息,传递的参数是DOM元素,快速获取某个属性可以配合这[]的形式来使用,如window.getComputedStyle(div标签)[height]
获取div标签的高度信息 - 数组的
includes()
方法,只能用于真数组,对象数组是没有办法使用的,传递一个值,如果数组中有,则返回TRUE没有则返回FALSE