jQuery基础——节点操作

Posted 2020-10-31 有点黑的小白

一、html标签追加

·　　1、音频标签

　　　　<audio src=""   controls></audio> //src：引入文件  controls：显示进度条

　　　　　　jQuery并没有对音频标签进行封装，只能用原生dom方法， .play()//播放  .load()//关闭为播放完的，重新加载新的

　　

　　2、视频标签

　　　　<video src="" controls autoplay loop width=""></video>  //autoplay：自动播放  loop：循环播放

 

二、jQuery 节点操作

　　1、生成节点 $(‘<div></div>‘)

　　2、添加节点：

　　　　$(a).append(b)  //b节点追加到a内部的后面

　　　　$(b).appendTo(a) //b节点追加到a内部的后面

　　　　$(a).prepend(b)  //b节点追加到a内部的前面

　　　　$(b).prependTo(a)  //b节点追加到a内部的前面

　　　　

　　　　$(a).after(b)  //b节点追加到a的后面

　　　　$(a).before(b) //b节点追加到a前面

 

　　3、删除节点

　　　　empty()  //清空节点内容，同时清空内容绑定的事件

　　　　remove()  //删除节点，删除绑定的事件

　　4、克隆节点

　　　　clone()  //传入true克隆事件，false不复制事件

 

三、内容操作

　　val()   ==> value

　　text()  ==> innerText

　　html()  ==> innerHTML