JS和JQuery对操作DOM的方法

<script>
	//1.根据ID查询节点
	var ul = document.getElementById("city");
	var cd = document.getElementById("cd");
	console.log(ul);
	console.log(cd);

	//2.根据标签名查询节点
	//2.1在整个文档（document）内查询
	console.log(document.getElementsByTagName("li"));
	//2.2在某个元素节点（element）内查询
	console.log(ul.getElementsByTagName("li"));

	//3.根据name查询节点（基本都是给表单控件用的）
	console.log(document.getElementsByName("sex"));
	
	//4.根据层次查询节点
	//获取已得到的节点的父亲、孩子和兄弟
	//4.1获取父亲,返回的是单个值
	console.log(cd.parentNode);
	//4.2获取孩子，返回的是多个值
	//这种方式返回的节点是个数组，并且会把空格当做孩子放入数组中
	console.log(ul.childNodes);
	//不带空格的获取孩子的节点
	console.log(ul.getElementsByTagName("li"));
	//标准API中没有直接查询兄弟的方法，
	//必须通过查询父亲、查询孩子来实现查询兄弟,
	//下面的语句