Jquery之dom操作

今天get到很多，对jquery算是交个朋友了，通过一些dom操作，实现了几个功能
通过jquery点击添加和删除，分别实现添加一行，删除一行
并实现置顶功能

/*html内容*/
<input type="text">
<button>添加</button>
<div class="show"></div>

/*调用jquery文件*/
<script src="jquery-3.3.1.min.js"></script>

/*jquery部分*/
<script>
	$("button").click(function(){
		var txt=$("input").val();
		var html='<div class="new">'+txt+'<button class="del">删除</button> <button class="stick" onclick="stick($(this))">置顶</button></div>';
		//获取值
		$("input").val("");
			// 添加
		$(".show").append(html);
			// 删除
			$(".del").click(function(){
				$(this).parent().remove();
			});
		})	
		/*置顶*/
		function stick(obj){
				var a=obj.parent().clone(true);
				obj.parent().remove();
				$(".show").prepend(a);
		}
	
</script>

        //增加
		//append():在被选中元素的内部的结尾添加
		//after():在被选中元素的外部的结尾添加
		//prepend():在被选中元素的内部的开头添加
		//before():在被选中元素的外部的开头添加
		
		//层级选择：
		//children():选择被选中元素的孩子节点
		//parent()：选择被选中元素的父节点
		//find()：选择被选中元素符合条件的子孙节点
		//parents()：选择被选中元素符合条件的祖先节点
	
		//删除
		//remove();删除
		//empty();清空
		
		//克隆
		//clone(false)：只克隆html
		//clone(true)：把身上所具有的事件也克隆
	   
	   2019.1.10 day3