JS和JQuery对操作DOM的方法

本文主要和大家分享JS和JQuery对操作DOM的方法，主要以代码的方法，希望能帮助到大家。

查询节点:

js：1.根据ID查询；2.根据标签名查询；3.根据name查询；4.根据层次查询；详情如下：

<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中没有直接查询兄弟的方法，
		//必须通过查询父亲、查询孩子来实现查询兄弟,
		//下面的语句

jQuery：直接利用jQuery选择器，选中元素，进行操作即可；请查看另一片文章：jQuery选择器

js之DOM事件流详解

JavaScript之优化DOM

以上就是JS和JQuery对操作DOM的方法的详细内容，更多请关注Gxl网其它相关文章！