# Ting-DOM-Library

**Repository Path**: ting-code/Ting-DOM-Library

## Basic Information

- **Project Name**: Ting-DOM-Library
- **Description**: 简单封装JavaScript操作DOM的方法
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-21
- **Last Updated**: 2022-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, Library

## README


试着封装了两个库

* 一个可以操作DOM对象的DOM库
* 一个可以操作jQuery对象的库，功能没有那么齐全，只要一些基础功能

## DOM库
```javascript
//创建元素
create(string)

//插入下一个节点
after(node, node2)

//前面插入节点
before(node, node2)

//插入子节点
append(parent, node)

//增加父元素
wrap(node, parent)

//删除节点
remove(node)

//删除所有子节点
empty(node)

//如果两个参数就set，如果三个就get
attr(node, name, value)

//适配，IE,添加文本
text(node, string)

//添加html元素
html(node, string)

//添加样式
style(node, name, value)

//操作class属性
class.add(node, className)
class.remove(node, className)
class.has(node, className)

//onclick
on(node, eventName, fn)
off(node, eventName, fn)

//获取元素数组,第二个参数指定范围
find(selector, scope)

//查兄弟节点
siblings(node)

//查父元素
parent(node)

//查下一个元素节点
next(node)

//获取排行老几
index(node)
```

## jQuery库
支持链式操作
aip和jQuery一样
```javascript
//支持的api有
get(index)
appendTo(node)
append(children)
find(selector)
each(fn)
parent()
children()
html(string)
text(string)
addClass(className)
print()
end()
```