//create的用法
dom.create(`<div>text</div>`);
// after和before的用法
const afterSibling=dom.create(`<li>弟弟</li>`);
const beforeSibling=dom.create(`<li>哥哥</li>`);
const test=document.querySelector('.test');
dom.after(afterSibling,test);
dom.before(beforeSibling,test);
// append的用法
const container=document.querySelector('.container');
const littlered=dom.create(`<li>小红</li>`);
dom.append(container,littlered);
// wrap的用法
const div2=document.querySelector('.div2');
const div3=dom.create(`<div>text</div>`);
dom.wrap(div2,div3);
// remove的用法
dom.remove(littlered);
// empty的用法
dom.empty(container);
// attr的用法
const div1=document.querySelector('.div1');
//写
dom.attr(div1,'title','red');
//读
dom.attr(div1,'title');
// text的用法
//写
dom.text(div1,'hi i am beauty');
//读
dom.text(div1);
// html的用法
//写
dom.html(div1,'<div>hi</div>');
//读
dom.html(div1);
// style的用法
dom.style(container,{color:'pink',border:'1px solid blue'});
dom.style(container,'color');
dom.style(container,'background','orange');
// class.add的用法
dom.class.add(container,'class1');
// class.has的用法
dom.class.contains(container,'class1');
// class.remove的用法
dom.class.remove(container,'class1');
// class.has的用法
dom.class.contains(container,'class1');
// on的用法
const fn=()=>{alert("你真美")}
dom.on(container,'click',fn);
// off的用法
dom.off(container,'click',fn);
// find的用法
dom.find('ul li');
dom.find('#test');
dom.find('.test');
dom.find('.test');
// findAll的用法
dom.findAll('.hong li');
// parent的用法
dom.parent(name);
// children的用法
dom.children(dom.find('ul'));
// siblings的用法
dom.siblings(name);
// next的用法
dom.next('.lan');
// previous的用法
dom.previous(dom.find('.lan'));
// each的用法
dom.each(dom.children(dom.find('.hong')),(n)=>{dom.style(n,{color:'red'})});
// index的用法
console.log(dom.index(name));