删除替换复制
<script>
/* remove 删除整个节点 */
/* remove可以自己删除自己 */
/* $('li:eq(0)').click(function(){
$(this).remove();
}) */
/* empty() 清空节点内容*/
/* $('button').click(function(){
$('li:eq(0)').empty()
}) */
/* detach():删除整个节点，保留元素的绑定事件、附加的数据 */
/* 替换节点 replaceWith()新节点替换老节点 */
$('button').click(function(){
let h1=$('<h1>123</h1>')
$('li:eq(0)').replaceWith(h1)
})
/* 复制节点 Clone() 传ture事件一起复制，false反之 */
/*empty remove和 detach执行完之后都有返回值返回删除的节点*/
</script>
获取设置元素
/* prop是获取元素自身的属性 attr是获取元素的自定义属性*/
/* attr来获取属性值 */
/* console.log($('h1').attr('data-a')); */
/* attr来设置属性值 */
/* $('li:eq(0)').attr('data-b','555') */
/* 删除 */
/* removeAttr */
遍历子元素
/* each():遍历方法规定为每个匹配元素规定运行的函数 */
/* each回调函数里的第一个参数(i)表示元素的索引 */
/* each回调函数里的第二个参数(e)表示每一个遍历的原生元素 */
/* $('li').each(function(i,e){
console.log(e);
}) */
/* filter() 在集合元素中，过滤出指定的元素 */
/* parent():获取元素的父级元素*/
/* parents():返回元素的所有祖先元素 */
/* next,prev获取不到会返回jq对象document */
/* 用于获取紧邻匹配元素之后的元素 next() */
/* 用于获取紧邻匹配元素之前的元素 prev() */
/* 用于获取位于匹配元素前面和后面的所有同辈元素 siblings() 除了他自 己，前后同辈都被选中*/
/* children()方法可以用来获取元素的所有子元素*/
/* find()可以获取后代的元素 */
