JavaScript和jQuery之HTML DOM元素的获取

JavaScript和jQuery的获取Html元素
对于学习前端、学习C#、学习JAVA的人来说，应该熟悉什么是JavaScript和什么是jQuery,
Java初学者：应掌握JavaScript和jQuery？--------------要的
因为他们都是我们要接触和掌握的编程语言的基础知识
那对于什么是JavaScript和什么是jQuery
一、JavaScript可以说是目前互联网上最流行的一种脚本语言（或者说是脚本文件）之一，
是一种轻量级的编程语言，是可插入HTML页面的编程代码。
JavaScript如果位于HTML页面中（则在HTML中的脚本必须位于

虽然目前网络上有大量开源的JS框架，但是jQuery可以说是目前最流行的一种之一：
虽然pythop近些年来的飞快发展，对其造成了一定的影响。

无论是JavaScript 还是 jQuery 他们对Html使用的功能都很多，但是他们想操作Html元素，前提是
要先获取到要操作的Html元素，才能对其进行操作。
JavaS cript获取HTML元素的基础方法通常有四种
1，ID选择器：getElementById()
2，Class类选择器 ：getElementsByClassName()
3，元素（标签名）选择器：getElementsByTagName()
4， Name（属性名）选择器：getElementsByName()
因为Id在代码中必须是唯一的，因此其获取的对应元素也是唯一的
但是后面三种获取的可以是唯一值，也可以是数组。

而jQuery通常用于获取HTML元素的方法则比JavaScript更为丰富
一般基础的有
1，id选择器
2，类选择器（class类选择器）
3，元素(标签名)选择器
搜索指定元素标签名的所有节点，这个是一个合集的操作。
同样的也有原生方法getElementsByTagName()

4，通配符*选择
5，层级选择器
而层级选择器又分为
（1）子元素 （2）后代元素 （3）兄弟元素 （4）相邻元素
选择器 描述
$(“ancestor descendant”) 后代选择器：选择给定的祖先元素的所有后代元素，
一个元素的后代可能该元素的一个孩子，孙子，曾孙等
$(“parent > child”) 子选择器：parent的直接子元素
$(“prev + next”) 相邻兄弟选择器：匹配所有紧接在 prev 元素后的 next 元素
$(“prev ~ siblings”) 一般兄弟选择器：匹配 prev 元素之后的所有 siblings 元素

还有基础的筛选择器

其实JavaScript和jQuery的选择器是可以组合的



从这三幅代码截图中我们也不难看出他们两者之间的差别，他们在获取和操控的都是同一个Html元素，
但是代码量却是完成不一样，jQuery的代码显得更简洁，效率更高。
或许有人说我的代码写错了，倒数第二幅代码不是错误的，你可以自行操作。

从上面的代码中我们不难发现jQuery的特点和一个特殊符，每一句jQuery代码的最前面都有个$美元符号其实$美元符号可以说是定义了jQuery,但可能不是jQuery特有的，因为相同的符号在不同的编程语言或
代码中，其意思是存在差别的

上面一共有16个控制台输出，而我在此获取的Html元素几乎是一样的

控制台也一共输出了16个数值，有单个的，也有数组的。

无论是JavaScript还是jQuery都是我们要掌握的基础编程知识。
初学者平台：菜鸟教程：http://www.runoob.com/
像我们这样的初学者更应打好基础。